Create a Zustand-like Module State Library
Offered By: egghead.io
Course Description
Overview
Zustand is a state management library aimed at staying simple and un-opinionated so that you as the developer can build your application as you see fit. To do this it creates a store (module of state) that you can subscribe components to read and update data from.
Zustand leans on hooks as the primary way to interact with your state. This means you get less boilerplate and a centralized, action-based state management solution that scales with the complexity of your app.
Daishi, a core contributor of Zustand, will show you the inner workings of the library by creating a small version of it. You learn how Zustand's API came to be and gain a better understanding of it by the end of this course.
Zustand leans on hooks as the primary way to interact with your state. This means you get less boilerplate and a centralized, action-based state management solution that scales with the complexity of your app.
Daishi, a core contributor of Zustand, will show you the inner workings of the library by creating a small version of it. You learn how Zustand's API came to be and gain a better understanding of it by the end of this course.
Syllabus
- Share Module State Between Components in React Similar to Zustand
- Extract Module Logic (like Zustand) into a Custom React Hook
- Implement Zustand State Selectors in React to Prevent Unneeded Rerenders
- Define Actions in a Zustand-like Store to Modify React State
- Prevent Screen Tearing for React 18 in a Zustand-like App with useSyncExternalStore
Taught by
Daishi Kato
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity