Zustand State Management Library for React - Redux Killer

Zustand State Management Library for React - Redux Killer
In this video, we are going to talk all about zustand library for state management.
it’s a small, fast, and scalable barebones state-management solution using simplified flux principles.
“Zustand” is just German for “state”.
There are lots of popular React State Management out there, but there are some reasons why you would prefer to use Zustand:
* Less boilerplate code
* Zustand renders components only on changes to the value of the state. Changes in the state can often be handled without having to re-render a component.
* State management is centralized and updated via simple defined actions. It is similar to Redux in this regard, but unlike Redux, where the developer has to create reducers, actions, and dispatch to handle state, Zustand makes it far easier.
* Uses hooks to consume states. Hooks are popular in React and, as such, a welcome state management method.
* Zustand makes use of simple-to-use and easily implementable code.
* Provides clean code by eliminating the need to use Context Provides, thus resulting in shorter and more readable code.
Let's see how to use zustand in the react application and how it can be a killer of redux.
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
• NextAuth Course - Comp...
Complete CRUD Operation With Next.js & MongoDB - For Beginners
• Complete CRUD Operatio...
Next.js Complete Course For Beginners
• Learn Complete Next.js...
Tailwind CSS Complete Course
• Tailwind Complete Cour...
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
• How to Make Blog Websi...
Javascript Complete Course
• Learn Complete JavaScr...
⏱️ Timestamps ⏱️
0:00 - Introduction
01:24 - Create Vite React
03:00 - Install Zustand
04:02 - Create Store
08:10 - Update Store Value
13:02 - Using Zustand as a Non-Reactive Way
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
Subscribe To
/ @dailytuition
Join this channel to get access to the perks:
/ @dailytuition
👉 Support Me on Patreon 😊:
/ dailytuition
🚀 Udemy Courses:
www.udemy.com/user/akshay-kas...
🎅 Playlist :
Complete MERN Series
• Getting Started with M...
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
🛠️ Tools I use:
🟠 My Theme: • Finally, I am Back! St...
🟠 Font Family: fonts.google.com/specimen/Rub...
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
👉 Follow us:
🟠 / akki.2013
More Videos:
💡 Complete Node Course
• Complete Node & Expres...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
• Complete React 16.8 Cr...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
• Complete Mobile Shopee...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap - HTML/CSS
• Complete Portfolio Web...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
• Create Shopping Cart U...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
• Advanced Tic Tac Toe W...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
• Complete CRUD Operatio...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Birthday Remainder Application with React - For Beginners
• Birthday Remainder App...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide - In Action
• Asp.net Registration F...
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! 🙏
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
Tags: #react #redux #zustand

[@santoshparker8681]

Awesome Explanation 👌

[@spookyolive]

Excellent Video!! 👏👏👏

[@radoslavrac8619]

My man explaining things simply and clearly for dumb people like me 👀🙏

[@OnlyJavascript]

clean and simple. Thank you so much. pls make a shopping cart app or comments app using zustand.

[@nawazishali274]

Make a complete playlist of zustand with project

[@MeerUzairWasHere]

Nice one!

[@matthewchukwu1306]

Great tut.

[@peargaming9579]

Great crash course and excellent explanation

[@wonderson_1]

Great video and so easy to understand.

[@Odidi_Bee6ix]

Very well explained 💪🏿❤️

[@faradniftaly8893]

Great job, please complete advanced-level state management with zustand. Thanks so much.

[@user-tk2mx9vl2h]

thank you so much❤

[@AlexandrosKyriakou-jj4rt]

Good job I enjoyed it ! Could you please make a more complex app with zustand so you can reveal all the tools from it's toolbelt? that would be awesome 🙏

[@arijitRoyFullyStressedOut]

A single crud tutorial including next js, react-query, zustand, formik, yup will be super helpful...how to handle persisted state is also a good topic can be included there.

[@angga6008]

lanjut part 2✌✌

[@kulyog6626]

How to pass a payload?

[@pujiragil4711]

please make a complete playists zustand course

[@gilogilala8475]

please Make a complete playlist of zustand with project

[@bilal5488]

sir plzz make a project with it plzz

[@mydaily21]

can you build project wiht zustand

[@rohithn-76]

Mean while some companies searching redux candidates with 100 years of Experiences ..

[@bilal5488]

plzz make a project with zustand or react recoil plz plz

[@DarrylHebbes]

nobody needs a counter, yet every zustand tutorial makes one... its like they all copy each other