Resources Library
Curated docs, courses and channels for every phase
Foundations
JavaScript (all) — Verified live. Ground-up, exercise-driven, covers everything in Days 1-5. Sufficient as your primary JS reference — no gaps for this level.
JavaScript (all) — Verified live. The canonical reference (maintained by Mozilla) — use for precise API lookups alongside javascript.info's explanations.
JavaScript (all) — Verified live. Interactive, browser-based exercises — good for the 'Working with Data' and async sections; pairs well with reading days.
JavaScript (all) — Verified live, 1.4M+ subs. Short, focused videos matched to single concepts — ideal for a daily 20-30 min watch.
JavaScript (all) — Verified live. The most-recommended free deep-dive on the JS event loop/closures specifically — use for Day 3-4, not a full-course replacement.
Practice problems — Verified live. Sufficient for the Day 7 milestone (30 easy challenges) — save medium/hard for your DSA marathon track.
Phase 2
React fundamentals — Verified live — React's own current documentation (post-2023 rewrite). Sufficient alone to learn Phase 2; treat as required, not optional.
React fundamentals — Verified live, 700K+ subs, React series has ~17M views. Good structured video companion to react.dev.
React fundamentals — Verified live. Long-form project-based videos — good for weekend catch-up, not daily viewing (videos run 4-10+ hrs each).
Styling — High-confidence official docs, current for the latest version — sufficient on its own for Day 13's styling task.
Styling — High-confidence resource. Only needed if flexbox/grid feel shaky — skip if your CSS is already solid from your UI/UX background.
Phase 3
State management — Verified live (checked directly). Official, current recommended way to use Redux — sufficient for Day 17-18's slice-conversion task.
State management — High-confidence resource. README doubles as docs — short and complete enough to compare against Redux Toolkit.
Routing — Verified live (checked directly). Note: docs have restructured across recent versions — use the in-site nav to match your installed version.
Data fetching — Verified live (checked directly). Current v5 docs — sufficient to replace useEffect-based fetching by Day 20.
Patterns & architecture — Verified live. One of few channels that goes genuinely advanced rather than re-teaching basics.
Patterns & architecture — High-confidence resource. Deep, visually-explained articles on React/CSS internals — supplementary, not required.
Phase 4
Testing — High-confidence official docs, matches the roadmap's specified library — sufficient alone for Day 24's testing task.
Testing — High-confidence official test-runner docs — pair with RTL docs above; together fully cover Day 24.
Performance & a11y — High-confidence resource (Google's official web.dev). Structured course, appropriately scoped for Day 26's a11y audit task.
Deployment — Verified live (checked directly). Current App Router docs — sufficient for Day 27-28's SSR/deployment work.
Deployment — High-confidence official platform docs matching the roadmap's suggested host.
Real-time — High-confidence resource. Only needed if you pick Socket.IO over the plain WebSocket API for Day 23 — either is fine.
Beyond
TypeScript — High-confidence official handbook — start here when you move into the Path to Senior phase.
Deep mastery (paid, optional) — High-confidence resource, widely regarded as the deepest paid React course available; optional, not required for the roadmap's goals.
Deep mastery (paid, optional) — High-confidence resource, subscription-based; strong for Path-to-Senior topics (testing depth, system design).
Practice projects — High-confidence resource. Good for a portfolio beyond the roadmap's 8 set projects, once you finish Week 4.