In this course, you’ll learn best practices for structuring your data and how to keep your application fast and nimble as your codebase grows. You’ll get your hands on multiple solutions for managing state in large React applications including Redux, Redux Thunk, Redux Observables and MobX.
Overview
Syllabus
- Introduction
- Pure & Impure Functions
- Copy Instead of Mutate
- Single State Store & Reducers
- Redux Functions Overview
- reducer & createStore
- Store dispatch & subscribe
- combineReducers
- bindActionCreators
- Middleware in Redux
- Create Redux Store
- Connect Redux to React
- Redux Reducer Exercise & Solution
- Refactoring an App to Use Redux
- Implementing a Kanban Board
- State Store Schema
- Wiring State Store to the App
- Redux DevTools
- Using State Store in Components
- Wiring Redux to a React App Exercise
- Wiring Redux to a React App Solution
- Implementing Map Dispatch to Props
- Handling Dispatched Actions
- Updating Nested State
- Action Creator Helpers
- State Store Selectors with Reselect
- Reselect Performance
- Redux Thunk
- Redux Thunk Setup
- Redux Thunk: Dispatching Actions
- Redux Observable
- Redux Observable Setup
- Redux Observable: Mapping Actions
- Redux Observable: Cancelling Requests
- MobX Decorators
- Pure MobX Demo
- MobX Concepts
- MobX in React
- List Model MobX Store
- Item Model MobX Store
- Add & Remove from the MobX Store
- Wiring MobX to the React App
- Sending Data from React into MobX
- MobX vs Redux
- Wrapping Up & Q&A
Taught by
Steve Kinney
