Fill fields, review the preview, then copy or open elsewhere.
Leave a field empty to keep its placeholder in the preview.
Design a React learning plan.
My JS/TS level: {{js_level}}
My goal: {{goal}} (build apps, switch jobs, fundamentals)
Daily time: {{daily_time}}
Timeline: {{timeline}}
Return:
1. The right starting point in 2026 (Vite + React, not CRA)
2. Core mental model: components, props, state, rendering
3. Hooks deeply: useState, useEffect, useRef, useMemo, useCallback, useContext, custom hooks
4. The "aha" concept: thinking in terms of derived state, not stored state
5. State management — when useState is fine, when to reach for Zustand/Jotai/Redux
6. Data fetching: React Query / TanStack Query patterns
7. Routing: React Router or Next.js — when to use what
8. Forms, accessibility, performance traps
9. Testing components properly
10. 3 projects, increasing in scope
11. The mistake most React beginners make for years