Getting Started With Zustand
- Buy now
- Learn more
- Discussions
Zustand Basics

How To Follow This Course
Need of Using State Management Library Like Zustand
Getting Started With Zustand
Zustand Overview
Building Application Using Async API Calls + Setting Up Devtool
Simplifying Code Using Selectors
Extra Tip When Working With TypeScript Code
This Powerful Feature Is Available Only In Zustand
Don't Make This Mistake With Middleware Otherwise It Will Cost You A Lot
Building User Management App

Application Demo
Setting Up Project With Zustand + Implementing Users List Page
Implementing Add User Functionality With React Hook Form + Zod Validation
Implementing Delete User Functionality + Setting Up Devtool
Implementing Update User Functionality
Implementing Latest Updated User Card Highlight Functionality
Learn How To Debug Issue In Highlight Functionality - Learn Debugging Step-by-step
Need Of Immutable Updates
Understanding Primitive and Reference Types
Creating Immutable Objects
Creating Immutable Arrays
Understanding Issues With Direct State Mutation
Immutably Updating Nested Properties Of User Manually
Immutably Updating Nested Properties Of User Using Immer.js (Recommended)
Using State Updater Syntax In Zustand Store
Making Street Number Optional In Edit User Screen
Code Refactoring - Creating Custom Hooks For Business Logic
Completing The User Management App - Final Code Changes
Adding Favicon - Final Video
final-source-code.zip
Building Ecommerce Application

Application Demo
Setting Up Project + Creating Initial Pages
Setting Up Store + Fetching Products From API + Creating Products Page With Filters
Displaying Products In Grid And List View
Filtering Products Based On Category And Sort By Selection
Working On Product Details Page And Handling Loading And Error State
Building Product Details Page UI
Displaying Related Products On Product Details Page
Setting Up Cart Store + Implementing Add To Cart Functionality
How To Avoid Losing Items Added In Cart On Page Refresh
Building Cart Page Showing Cart Items + Order Summary
Implementing Cart Page Actions - Update Quantity, Remove Item From Cart, Clear Cart, Place Order
Creating Favicon
Final Responsive Design Changes + Minor UI Fixes - Final Video
final-source-code.zip
Challenge Application

Demo Of The Application You Can Build As A Challenge

Setting Up Project With Zustand + Implementing Users List Page

Source_Code.zip (44.6 KB)

Setting Up Project With Zustand + Implementing Users List Page

Useful Resources: