React Developer roadmap

Before you start

• JavaScript Developer

What you will learn

1. 1. React Foundations

   Components and JSX, props, state and events, and the useState and useEffect hooks.

   • Components & JSX — React · Components & JSX
   • Props, State & Events — React · Props, State & Events
   • useState & useEffect — React · useState & useEffect

2. 2. Refs, Context & Custom Hooks

   Reach the DOM with refs, share state with context and extract logic into custom hooks.

   • useRef & Context — React · useRef & Context
   • Custom Hooks — React · Custom Hooks

3. 3. Data Fetching & Forms

   Fetch and cache server data with React Query and build forms with solid validation.

   • Data Fetching & React Query — React · Data Fetching & React Query
   • Forms & Validation — Frontend Engineering · Forms & Validation

4. 4. React in Production

   Routing, error boundaries and testing React components.

   • Routing & Forms — React · Routing & Forms
   • Error Boundaries — React · Error Boundaries
   • Testing React — React · Testing React

5. 5. Rendering & Memoization

   How React renders and reconciles, and when useMemo, useCallback and memo actually help.

   • Rendering & Reconciliation — React · Rendering & Reconciliation
   • useMemo, useCallback & memo — React · useMemo, useCallback & memo