React: State Management

Course details

Choosing the right state management solution can be tricky. Developers need to evaluate a variety of options—each with their own trade-offs—and select the right approach for their needs. In this course, instructor Sandy Ludosky teaches you to manage the state of an application smartly as it grows and becomes more complex. Sandy covers topics like React hook patterns, the Context API, the React Redux library, and new and alternative solutions like Recoil and Zustand. Whether you’re a beginner or an experienced React developer, check out this course to learn about important considerations and explore the guiding principles behind state management for React applications.

Concepts

0. Introduction

01 - React - State management
02 - What you should know
03 - Exercise files and GitHub Codespaces

1. What Is State Management

04 - What is state management and why should you use it
05 - How to manage the state in React

2. Managing the State with the Hooks

06 - useState - From stateless to stateful components
07 - useEffect - Apply side effects
08 - Handling complex logic with useReducer
09 - Moving logic into a function reducer
10 - Dispatching actions and applying side effects

3. There Is Only One Truth with Context API

11 - Why is a single source of truth important
12 - Getting started with the context API
13 - Create a context object and a provider
14 - Create and manage a global state
15 - Challenge - Scaling and maintaining apps
16 - Solution - Subscribing to the context changes

4. Atomic State Management with Recoil

17 - Installation and getting started with Recoil
18 - Breaking up the source of truth into Atoms
19 - Updating and reading the state
20 - From state to derived data with Selectors
21 - Challenge - Subscribing to state changes
22 - Solution - Subscribing to state changes

5. Zustand - Simple and Modern State Management

23 - Zustand quickstart
24 - Counter app - Creating a store with a hook
25 - Binding components to the state
26 - Challenge - Create a centralized store
27 - Solution - Zustand in action 1 2
28 - Solution - Zustand in action 2 2

Conclusion

29 - Which solution should you pick next

React: State Management

Authors

Sandy Ludosky