React Developer Roadmap

Components, hooks and the ecosystem for building React apps.

1. 1

   JavaScript for React

   Modern JS that React code leans on every day.

   • Arrow functions
   • Destructuring
   • Modules
   • coursejavascript.info
2. 2

   Components & JSX

   Describe UI as a tree of components.

   • JSX
   • Props
   • Conditional rendering
   • Lists & keys
   • articleReact: Describing the UI
3. 3

   State & Hooks

   Make components interactive and share logic.

   • useState
   • useEffect
   • useRef
   • Custom hooks
   • useReducer(optional)
   • useContext(optional)
   • articleReact: Built-in hooks
4. 4

   Routing & Data

   Pages, navigation and talking to an API.

   • React Router
   • Fetching data
   • TanStack Query(optional)
   • articleTanStack Query
5. 5

   State management

   Global state once props and context are not enough.

   • Context
   • Zustand(optional)
   • Redux Toolkit(optional)
6. 6

   Testing

   Test components the way users use them.

   • Vitest
   • React Testing Library
   • articleReact Testing Library
7. 7

   Frameworks

   Full-stack React with routing, SSR and data built in.

   • Next.js
   • Remix / React Router(optional)
   • Server Components(optional)
   • articleNext.js docs