React: From Components to Production

Syllabus

1. Module 1

   React fundamentals

   Components, JSX, props, and state basics.

   4 lessons

   1. Setting up React with Vite →
   2. Components and JSX →
   3. Props and state →
   4. Conditional rendering →

2. Module 2

   Lists, forms, and routing

   Handling collections, user input, and navigation.

   4 lessons

   1. Lists and keys →
   2. The key prop deep dive →
   3. Forms and controlled inputs →
   4. React Router basics →

3. Module 3

   Hooks in depth

   Master built-in and custom hooks.

   5 lessons

   1. useState and useEffect →
   2. Hooks deep dive →
   3. useRef hook →
   4. useReducer and state machines →
   5. Custom hooks patterns →

4. Module 4

   State management and data fetching

   Context, external stores, and server data.

   4 lessons

   1. Context API guide →
   2. Context vs Redux →
   3. Zustand vs Redux vs Context →
   4. TanStack Query tutorial →

5. Module 5

   Performance and patterns

   Optimize rendering and apply advanced patterns.

   4 lessons

   1. React.memo, useMemo, and useCallback →
   2. Performance optimization →
   3. Error boundaries →
   4. Suspense and lazy loading →

6. Module 6

   Server components and testing

   Modern React architecture and quality assurance.

   3 lessons

   1. Server components explained →
   2. Server vs client components →
   3. Testing Library best practices →