Redux makes it easy to add scalable, production-ready state management into your web applications. You’ll commonly find Redux in many medium-to-large React applications. In this course, you’ll start by learning pure Redux fundamentals from scratch and move onto learning to hook Redux into a React application. Then you’ll learn to extend Redux with various tools from its ecosystem, including Reselect, Immer, and Redux Toolkit, to reduce boilerplate and speed up your development!
Overview
Syllabus
- Introduction
- Redux API's & Compose
- Redux Stores & Reducers
- Redux Stores & Dispatch
- Action Creators
- Setting initalState
- Some Rules for Reducers
- Subscribe & Binding Action Creators
- Combine Reducers
- Enhancers
- Enhancers Exercise
- Enhancers Solution
- Middleware
- Middleware Exercise
- MIddleware Solution
- Connecting Redux into React
- Redux Dev Tools
- Connecting State Hooks to the Store
- Connecting Increment & Decrement
- Dispatching from Forms Exercise
- Dispatching from Forms Solution
- Binding Actions
- Connect API vs Hooks
- mapStateToProps & Connect API
- mapDispatchToProps
- Connect API & mapDispatchToProps Exercise
- Connect API & mapDispatchToProps Solution
- Updating Item Data
- Updating Item Data Exercise
- Updating Item Data Solution
- Deriving Data
- Computing Data with Reselect
- Computing Data Exercise
- Computing Data Solution
- Mutable State with Immer
- Immer Exercise
- Immer Solution
- Redux Toolkit & State Slices
- Creating a Slice of State
- Create a Slice Exercise
- Create a Slice Solution
- Slice Actions & Creating Actions
- Extra Reducers
- Async Thunks with React Toolkit
- Async Thunk Data Fetch Exercise
- Async Thunk Data Fetch Solution
- Wrapping Up
Taught by
Steve Kinney
