Zustand React State Management - Simpler Alternative to Redux

Learn Zustand React state management which does similar to Redux things but is much easier to start using. We will move a small project from Redux to Zustand and compare them.
► CHECK MY COURSES - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
REFERENCES
► Source code - github.com/monsterlessonsacad...

[@uquantum]

Thanks Oleksandr: very useful that you show an example with async try/catch action

[@MonsterlessonsAcademy]

Very good!

[@xxbondsxx]

The boilerplate involved in Redux is bananas -- zustand is such a refreshing alternative!

[@MonsterlessonsAcademy]

Yeap it is significantly less code.

[@abdullahalhadi71]

After 1 year this video still better than Official docs.

[@MonsterlessonsAcademy]

Thanks!

[@kasraaaa122]

subscribed . thanks !

[@MonsterlessonsAcademy]

Welcome!

[@pinoyrunningpenguin]

Which state management would you recommend? It gets confusing since there are so many choices. But which one is simplest and not complex?

[@MonsterlessonsAcademy]

It you don't know any and learn React to get a job I highly recommend Redux as a most popular solution across the companies. The simplest for me that I prefer is React Query + Jotai. But for teams, companies I would still pick Redux as it is easier to find devs and more people know it.

[@antonanton1206]

Спасибо

[@mtsurov]

Can anybody educate my why I would pick Zustand over setting a context provider (useContext) and have desired components interact with it ? Just trying to understand the utility before i commit to learning curve.

[@MonsterlessonsAcademy]

You question sounds more like you don't understand why we need Redux in comparison to useContext. Because Zustand is the alternative to Redux. I made a video about that kzbin.info/www/bejne/rIaoknela8aLn8Usi=CTyGghE0Zwmkd2vb

[@artem_zakharchuk]

Great tutorial. But it would be great to see how slice in Zustand works(( For me, it is hard to understand how states are connected.

[@MonsterlessonsAcademy]

I will add it to the list of ideas.

[@bowlingverona]

Is it persistent on refresh/reload page? thx for the great explanation

[@MonsterlessonsAcademy]

No. There is no state management that does it but you can build it with local storage, etc.

[@thebunsenburner]

@@MonsterlessonsAcademy if I'm not mistaken, Zustand lets you set up persistence fairly easily with importing persist middleware within the zustand store. I'm currently using it to persist data. Their docs have a few lines on this.

[@MonsterlessonsAcademy]

@@thebunsenburner Sure but so are any other state management. I get a lot of questions that people assume that redux/etc saves data between reloads

[@jessyndaya9487]

Yes of course you must add presist like import { persist} from 'zustand/middleware'

[@eliassmith7949]

Have you tried Signals?

[@MonsterlessonsAcademy]

Nope

[@waleedsharif618]

This is even easier than redux toolkit, can we use this instead of redux? I mean for work?

[@MonsterlessonsAcademy]

You certainly can I doubt that it will break in a week or you will have problems. By for myself I like old stable solutions that worked years in prod. So for company or business I would pick redux is a more popular solution / easier to find devs / etc.

[@user-dv7lp6sk6m]

😂😂😂😂 English 😂😂😂😂😂😂 😅😅😅😅😅

[@antonanton1206]

Don't laugh. He is the best for not English native speakers.❤