Learn Modern Redux
Learn how large scale applications make use of Redux and its concise API for their state management in React.
Table of Contents
What you can expect from the book
1
Local State Management
- Definitions
- Pure Functions
- Immutability
- State
- Local State in React
- Stateful and Stateless Components
- Props vs. State
- Form State
- Controlled Components
- Unidirectional Data Flow
- Scaling Local State in React
- Lifting State
- Functional State
- Higher-Order Components
- React's Context for Provider and Consumer
- Persistence in State
- Local Storage
- Caching in State
- Transition to Sophisticated State
- The Controversies of Local State Management
- The Flaw of Local State Management
2
Redux
- Basics in Redux
- Action(s)
- Reducer(s)
- Store
- Hands On: Redux Standalone
- Advanced Actions
- Minimum Action Payload
- Action Type
- Action Creator
- Optional Payload
- Payload Structure
- Hands On: Redux Standalone with advanced Actions
- Advanced Reducers
- Initial State
- Nested Data Structures
- Combined Reducer
- Clarification for Initial State
- Nested Reducers
- Hands On: Redux Standalone with advanced Reducers
3
Redux in React
- Connecting the State
- Hands On: Bootstrap React App with Redux
- Hands On: Naive Todo with React and Redux
- Connecting the State but Sophisticated
- Hands On: Sophisticated Todo with React and Redux
- Hands On: Connecting State Everywhere
4
Redux State Structure and Retrieval
- Middleware in Redux
- Immutable State
- Normalized State
- Selectors
- Plain Selectors
- Denormalize State in Selectors
- Reselect
- Hands On: Todo with Advanced Redux
- Hands On: Todo but more Features
5
Asynchronous Redux
- Redux Thunk
- Hands On: Todo with Notifications
- Asynchronous Actions Alternatives
- Redux Saga
- Hands On: Todo with Redux Saga
6
Redux Patterns Techniques and Best Practices
- Using JavaScript ES6
- Naming Conventions
- The Relationship between Actions and Reducers
- Folder Organization
- Technical Folder Organization
- Feature Folder Organization
- Ducks
- Testing
- Error Handling
7
(React in) Redux FAQ
- Redux vs. Local State
- View vs. Entity State
- Accidental vs. Planned State
8
Redux State as Architecture
- Hands On: Hacker News with Redux
- Part 1-17
- Final Words
9
Redux Ecosystem Outline
- Redux DevTools
- Connect Revisited
- Concise Actions and Reducers
- React Redux Libraries
- Routing with Redux
- Typed Redux
- Server-side Redux
10
MobX
- Introduction
- Observable State
- Autorun
- Actions
- Computed Values
11
MobX in React
- Local State
- Scaling Reactions
- Inject Stores
- Advanced MobX
- Other Reactions
- Be Opinionated
- Alternative to Redux?
Course Modules beyond the Book
Tutorials, Source Code and Screencasts
Before Redux
Why Redux What is a Reducer
Context API
React Context
React Hooks
React Hooks Introduction React's useState Hook React's useReducer Hook useState/useReducer React's useContext Hook
React State
State Overview Global State Mimic Redux Redux vs useReducer
Testing
Connected Components
Alternatives
State with MobX State with RxJS State with Apollo Client
Screencasts
Snake in React Hacker News with Redux Hacker News with MobX