Interview Prep Roadmap — Frontend Engineering

1. 01

   React Fundamentals

   4 topics

   • JSX & Componentsbeginner
   • Props & Statebeginner
   • Events & Formsbeginner
   • Conditional Rendering & Listsbeginner
2. 02

   React Hooks

   5 topics

   • useState & useEffectintermediate
   • useRef & DOM Accessintermediate
   • useContextintermediate
   • useMemo, useCallback & useReducerintermediate
   • Custom Hooksintermediate
3. 03

   React Rendering

   3 topics

   • Render & Commit Phasesadvanced
   • Reconciliation & Virtual DOMadvanced
   • Fiber & Concurrent Reactadvanced
4. 04

   React State Management

   3 topics

   • State Architectureintermediate
   • External Stores (Zustand / Redux)intermediate
   • Server State (TanStack Query)intermediate
5. 05

   React Performance

   3 topics

   • Memoization & React.memoadvanced
   • Profiling React Appsadvanced
   • Lists & Virtualizationadvanced
6. 06

   React Patterns & Production

   4 topics

   • Component Patternsadvanced
   • Error Boundaries & Portalsintermediate
   • Testing Reactintermediate
   • Frontend Architectureadvanced
7. 07

   Next.js Fundamentals

   8 topics

   • App Router Anatomyintermediate
   • Routing Deep Diveintermediate
   • Navigation & Prefetchingintermediate
   • Layouts & State Preservationintermediate
   • Server & Client Componentsadvanced
   • Streaming & Suspenseadvanced
   • Rendering Strategiesadvanced
8. 08

   Next.js Data & Mutations

   8 topics

   • Data Fetching in Server Componentsadvanced
   • Caching Deep Diveadvanced
   • Server Actions & Mutationsadvanced
   • Forms & Validation Patternsintermediate
   • Route Handlersintermediate
   • Middlewareadvanced
   • Authentication in Next.jsadvanced
9. 09

   Next.js in Production

   6 topics

   • Performance & Optimizationadvanced
   • Deployment & Self-Hostingadvanced
   • Security in Next.jsadvanced
   • Observability & Instrumentationintermediate
   • Testing Next.js Appsintermediate
   • Advanced Patternsadvanced
10. 10

    Browser Internals & DevTools

    3 topics

    • How Browsers Workintermediate
    • HTTP for Frontend Engineersintermediate
    • DevTools Masteryintermediate

This is an anonymized snapshot shared by another learner — no names, notes, or progress. "Add to my roadmaps" copies the whole plan into your account as a new roadmap.