React (Standalone Deep Dive)

Lessons

1. 1

   React Rendering Model

   Free

   Explain the virtual DOM, reconciliation, and the fiber architecture at a conceptual level.

   Intermediate·40 min
2. 2

   Hooks in Depth

   Use useState, useEffect, useContext, useReducer, useRef, useMemo, useCallback, useTransition, useDeferredValue intentionally.

   Intermediate·55 min
3. 3

   Custom Hooks

   Extract logic into reusable, testable custom hooks.

   Intermediate·40 min
4. 4

   State Management: Local vs Global

   Pick the right state manager for the situation: local, Zustand, Redux Toolkit, Jotai.

   Intermediate·45 min
5. 5

   Performance Optimization

   Apply React.memo, useMemo, useCallback, code splitting, virtualization.

   Advanced·50 min
6. 6

   React Patterns

   Use compound components, composition, and modern alternatives to render props + HOCs.

   Intermediate·40 min
7. 7

   Forms in React

   Build forms with react-hook-form + Zod for validation.

   Intermediate·45 min
8. 8

   Testing React

   Write behavior-focused tests with React Testing Library; avoid testing implementation.

   Intermediate·45 min
9. 9

   React Server Components

   Distinguish server from client components, what each can do, and how they compose.

   Advanced·50 min
10. 10

    Passion Project: React Hooks Library or Perf Showcase

    Publish a custom hooks library or ship a profiled performance showcase that proves senior-level React.

    Advanced·210 min
11. 11

    React Job Readiness

    Translate React skills into resume bullets + interview answers for frontend / full-stack roles.

    Beginner·30 min