React Third-party State Management Playbook
This course will teach you how to implement third-party state management in React apps. It will help you pick between some of the most popular third-party state libraries.
What you'll learn
There are many interesting ways handle React state today. In this course, React Third-party State Management Playbook, you’ll learn 6 major categories of state management and understand their key differences and tradeoffs. First, you’ll see how to implement multiple state management libraries in React, and see how they differ. Then, you’ll explore Redux, Jotai, Zustand, and react-query. Finally, you’ll learn when third-party state is useful, and how to pick between these tools. When you’re finished with this course, you’ll have the React state management skills necessary to build complex, responsive, and scalable React apps.
Table of contents
- Intro 0m
- What Is Unidirectional State? 1m
- Redux vs. Zustand 2m
- Create Zustand Store 4m
- Consume the Zustand Store in the Header 1m
- Update Account and Remove Context 1m
- Use Selector to Optimize Renders 2m
- Replace Cart Logic 8m
- Persist the Zustand Store to localStorage 3m
- Diff: Compare Zustand code with Plain React 2m
- Summary 1m
- Intro 0m
- What Is Remote State? 3m
- Configure QueryClient 1m
- Call useQuery on the Detail Page 6m
- Call useQuery on the Products Page 1m
- Install and Review Devtools 2m
- Centralize Query in Custom Hook 2m
- Disabling Queries 1m
- Configuring the QueryClient for Error Handling and Retries 3m
- Implement Suspense for Data Fetching 2m
- Changing Data via useMutation 6m
- Summary 2m
About the author
Cory is the principal consultant at reactjsconsulting.com, where he has helped dozens of companies transition to React. Cory has trained over 10,000 software developers at events and businesses worldwide. He is a seven time Microsoft MVP, and speaks regularly at conferences around the world. Cory lives in Kansas City and is active on Twitter as @housecor.