Web Unit 3 Sprint 10 - Redux & State Management

Code-Alongs

Join us for interactive coding sessions where you'll work alongside instructors to build real-world applications. These sessions provide hands-on experience and help reinforce the concepts learned in the modules.

Code-Along Sessions

Code-Along 1: Redux

What You'll Learn

In this code-along session, you'll build a React application using Redux for state management. You'll learn how to:

  • Set up a Redux store using configureStore
  • Create Redux slices with createSlice
  • Implement reducers and action creators
  • Connect React components to Redux state
  • Use Redux hooks like useSelector and useDispatch
  • Manage application state across multiple components

This hands-on session builds a practical application while reinforcing the core concepts of Redux and immutable state management.

Resources

Code-Along 2: Async Redux

What You'll Learn

In this code-along session, you'll expand your Redux knowledge to handle asynchronous operations. You'll learn how to:

  • Implement asynchronous operations in Redux using Redux Thunk middleware
  • Create thunk action creators for API calls
  • Manage loading states and error handling
  • Dispatch multiple actions from a single thunk
  • Work with RTK Query for simplified data fetching
  • Implement optimistic updates and cache management

This session builds on the foundations of Redux and introduces practical patterns for handling real-world data operations in your applications.

Resources

Preparation Checklist

Additional Resources