Section outline

• Select section Day 1: Advanced State Management and Optimization (7 hours)

  Day 1: Advanced State Management and Optimization (7 hours)

  Collapse all Expand all

  Module 1: Advanced State Management in React (2 hours)

  • Evolution of state management (useState to useReducer)
  • Building a Context-based state management system

  Module 2: Managing Global State with Redux (2 hours)

  • Redux principles: actions, reducers, and store
  • Integrating Redux Toolkit and middleware (Redux Thunk, Redux Saga)

  Module 3: Combining Context API with useReducer (1 hour)

  • Complex state flows with useReducer and Context API

  Module 4: Performance Optimization in State Management (2 hours)

  • Techniques to avoid unnecessary re-renders
  • Profiling and optimizing large-scale React applications
• Select section Day 2: Asynchronous State, Testing, and Final Project (7 hours)

  Day 2: Asynchronous State, Testing, and Final Project (7 hours)

  Module 5: Side Effects and Async State Management (2 hours)

  • Fetching data and caching with tools like React Query and SWR

  Module 6: State Management in Component Libraries (1 hour)

  • Integrating Redux with Material-UI and Ant Design

  Module 7: Testing State Management (2 hours)

  • Testing Redux and asynchronous state with Jest and React Testing Library

  Module 8: Structuring Large-Scale React Applications (1 hour)

  • Folder structure and best practices for scalable React projects

  Module 9: Final Project and Code Review (1 hour)

  • Building a React application using advanced state management
  • Peer review and Q&A
• Select section Assessment

  Assessment

  • Practical exercises after each module
  • Final project to implement advanced state management