Redux Fundamentals (feat. React)

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!

• 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