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
Zustand React State Management Course (Simple Redux Alternative)freeCodeCamp React Next.js Food Delivery App Full Tutorial - Full Stack Restaurant App
Lama Dev via YouTube React Third-party State Management Playbook
Pluralsight Building an AI Image and Video Editor with Next.js 14, Cloudinary, and Zustand
developedbyed via YouTube React Native MacOS App Tutorial - Book Management System
freeCodeCamp