Project · Build a mini useState/useEffect runtime

Implement a simplified React hooks runtime from scratch in plain TypeScript (no React imports). Your runtime must support useState (with batched updates), useEffect (with cleanup and dependency comparison), and useRef. Render a toy 'component' function through two simulated render cycles and assert that state persists, effects fire at the right time, and cleanup runs before re-runs.

• A `miniReact.ts` file exporting `useState`, `useEffect`, `useRef`, and a `render(fn)` function that simulates one render cycle.
• A test component function that uses all three hooks: increments a counter, logs an effect with cleanup, and stores a mutable ref.
• A driver that calls `render(component)` twice, triggering a state update between calls, and prints a log showing the exact order of: render, effect, cleanup, re-render.
• A README explaining which invariants your implementation enforces (call order, cleanup before re-run) and what React features it omits (fiber, concurrency, priority).

• useState returns the same value on re-render unless setX was called; setX causes the next render to return the new value.
• useEffect cleanup runs before the effect fires on the second render.
• useRef returns the same object on every render; mutations to `.current` are visible on the next render without triggering a re-render.
• Calling useState in the wrong order (simulated by flipping two calls) produces the wrong state — demonstrating the cursor invariant.
• Driver output clearly shows the phase sequence: render → effect → [state update] → cleanup → re-render → effect.