you have no idea how i become a react js developer in quick, clean and precise, all the video that you made taught me like a kinder garten, i really love how you helped me grow in programming!
I'm having an interview in the next days, and the requirement state that they use Zustand, i never heard about it before, now i know. I learn a lot from you. 🎉
I think i really love zustand already, i find props usage really confusing but watching this makes everything easier. would appreciate a complete mern stack project using zustand.
Cara, teu ingles é perfeito e eu entendo tudo, a maioria dos canais gringos falam com tanto sotaque que é dificil de entender... Obrigado por usar palavras simples!!
It would be interesting to look at the use of multiple stores, whether zustand has something like combineReducers and how one could track the state of change of any value. Thank you for the excellent and educational videos, they educate well
This video would've reeeally helped me a lot last year during my final exam lmao Better late than never I guess, ty for the tutorial Pedro; good stuff. ❤
For those comparing with Context, the video linked here describes issues with Context, but more importantly among the pro-Zustand comments are notes that Zustand and Context are two different things. Before commenting that one or the other is "better", understand that they are not the same and both should be in the toolkit, to be used or not in specific scenarios. Thanks for the vid, Pedro! th-cam.com/video/FpITaXEOJZ0/w-d-xo.htmlsi=CR3bbbM6JfzJJg5k
Bravo, great tutorial, thanks bro! Waiting for more - you have great explanatary skills - largley more clear than multiple explanations on my native language! Btw, in german it seems to sound like "tsoushtand"
Can you make a video on testing libaries and what tests you would cover? i spend a lot of time with that and most people dont seem to cover this topic much on the internet.
Thanks for amazing lesson Pedro, Pedro, Pedro, Pedro, Pè Praticamente il meglio di Santa Fè Pedro, Pedro, Pedro, Pedro, Pè Fidati di me Pedro, Pedro, Pedro, Pedro, Pè Praticamente il meglio di Santa Fè Pedro, Pedro, Pedro, Pedro, Pè Fidati di me Altro che ragazzino, che perbenino Sapeva molte cose più di me Mi ha portato tante volte a veder le stelle Ma non ho visto niente di Santa Fè
I think destructing your state is bad because it forces everything to rerender when anything in the state changes instead of just items you need. but great tutorial everything is amazing
Honestly, there really isn't much in here that can't be accomplished with well designed Context providers. Especially if the main goal is to move away from prop drilling. Plus, using context has the added benefit of being worked with using regular JavaScript. No need to learn how to use library methods and their associated syntax.
Good tutorial for beginner. I have a question. does it still need to use the select pattern? we can use like this const { data, setData } = useStore();
I did not understand the selector part that you had in the end. Can we not simply call the states and functions just by simply destructuring the store hook function? What am I missing here?
@@PedroTechnologiesI am facing this issue. I am trying to toggle dark/light mode using cookies. But it works on initial page load but not later on cuz of no re-render.
@@gaming_zen_99 yeah, this is a good use case for states. When the value of a react state changes, it forces the rerender of the component displaying it. If you want to toggle something that will be used in many different components, like a theme, i recommend creating a ThemeContext with the context api and manage ur states like that. There are a bunch of videos online on the topic :)
side note, `npm install zustand` will install the latest rc at the time of writing, which, when i have bounced forward and back ( `npm install zustand@4` vs `npm install zustand` ) DOSENT work with the code shown. Mystery solved, the world is now sane again, my hair will regrow.
Not fair to downvote a tutorial that is focused on a different topic. I agree that TS is better but in a tut it complicates the material unnecessarily, especially for those still getting a grip on basic JS plus React. Downvoting your lack of experience and empathy. 🤨
![BOWKYLION - วิงวอน (ex-change) [Official MV]](http://i.ytimg.com/vi/cLdnZWDaO-w/mqdefault.jpg)
you have no idea how i become a react js developer in quick, clean and precise, all the video that you made taught me like a kinder garten, i really love how you helped me grow in programming!
I love you and your tutorials so much man, please keep up the great work
-a wannabe frontend dev
I'm having an interview in the next days, and the requirement state that they use Zustand, i never heard about it before, now i know. I learn a lot from you. 🎉
I think i really love zustand already, i find props usage really confusing but watching this makes everything easier. would appreciate a complete mern stack project using zustand.
this is the best zustand video ever made anywhere. simple and well explained thank you.
Glad you enjoyed it!
you're are great teacher you have the ability to understand how people can understand coding
Cara, teu ingles é perfeito e eu entendo tudo, a maioria dos canais gringos falam com tanto sotaque que é dificil de entender... Obrigado por usar palavras simples!!
Zustand is not one of the best RSM, IT IS LITERALLY THE BEST RSM HAS EVER MADE 🔥🔥🔥
It would be interesting to look at the use of multiple stores, whether zustand has something like combineReducers and how one could track the state of change of any value. Thank you for the excellent and educational videos, they educate well
This video would've reeeally helped me a lot last year during my final exam lmao
Better late than never I guess, ty for the tutorial Pedro; good stuff. ❤
Thank you for such great explanation😇, and,it would be great if you could add some more videos on zustand....
For those comparing with Context, the video linked here describes issues with Context, but more importantly among the pro-Zustand comments are notes that Zustand and Context are two different things. Before commenting that one or the other is "better", understand that they are not the same and both should be in the toolkit, to be used or not in specific scenarios.
Thanks for the vid, Pedro!
th-cam.com/video/FpITaXEOJZ0/w-d-xo.htmlsi=CR3bbbM6JfzJJg5k
Very interested in Zustand! Thank you!!
Excellent Job ..Thanks for saving me from "Context" junk,,watched your video and apply it instantly to my project and Boom :) :)
nice nice nice !!!!! bravo! awesome sharing, you differ from others.. not just a counter sample. keep going like this!
Thank you!! I appreciate that :)
thank you pedro, any chance you can make a couple more advanced zuustand tutorials
Awesome to explain. Please make more videos on Zustand.
Thanks for u tutorial, I will just add small explanation for selectors patterns it’s prevent to re-rendering components
Bravo, great tutorial, thanks bro! Waiting for more - you have great explanatary skills - largley more clear than multiple explanations on my native language! Btw, in german it seems to sound like "tsoushtand"
As Always, Great Explained 🔥
Can you make a video on testing libaries and what tests you would cover? i spend a lot of time with that and most people dont seem to cover this topic much on the internet.
So nice!!! Thank you for the video that was really helpful!
Thanks for amazing lesson
Pedro, Pedro, Pedro, Pedro, Pè
Praticamente il meglio di Santa Fè
Pedro, Pedro, Pedro, Pedro, Pè
Fidati di me
Pedro, Pedro, Pedro, Pedro, Pè
Praticamente il meglio di Santa Fè
Pedro, Pedro, Pedro, Pedro, Pè
Fidati di me
Altro che ragazzino, che perbenino
Sapeva molte cose più di me
Mi ha portato tante volte a veder le stelle
Ma non ho visto niente di Santa Fè
Awesome video bro!!! THANKS !!!
Thanks allot, Pedro. This matters much
hence you proved developers spend 2 hours to make the work simple that takes 2 mintues . by the way awesome tutorial
Nice tutorial, I'll like to know which theme youre using
Thank god someone working without ts
🤣🤣🤣
woow You make it so simple,😘😘
Thanks a lot 😊
best zustand tutorial thumbs p
I love this. Can you make a project using React Query and Zustand. A CRUD app
think you bro your fan from algearia
immer seems to be a useful thing, thanks
thank you man, great work💖
Can you please make NEXT JS Course the same way you made for react
Thank you.
thanks 🙏 It was really helpful ✌
Auto like Pedro. Like to ask if you use a extension about indenting the code and back it to one liner.. Thanks
How to manage status from api? For example, Cart.
I think destructing your state is bad because it forces everything to rerender when anything in the state changes instead of just items you need. but great tutorial everything is amazing
Thanks
Immer is very handy 😮
Honestly, there really isn't much in here that can't be accomplished with well designed Context providers. Especially if the main goal is to move away from prop drilling. Plus, using context has the added benefit of being worked with using regular JavaScript. No need to learn how to use library methods and their associated syntax.
awesome 👍🏻
can we populate the initial states from the store with data provenients from the backend? API calls or Serveractions
Good tutorial for beginner. I have a question. does it still need to use the select pattern? we can use like this
const { data, setData } = useStore();
Hey which software are you using for screen recording?
I just use quicktime player, OBS screws up my computer for some reason
Have you ever worked with fabric js?
No unfortunately :/
thanks a lot!
thanks, do you have a link to code repo?
I did not understand the selector part that you had in the end. Can we not simply call the states and functions just by simply destructuring the store hook function? What am I missing here?
Awesome 😎😎😎
why don't we use immer as a middleware instead of using "produce" from immer?
Can you please provide us the GitHub repo ?
Can I combine zustand with react query for api fetching in react?
Have u tried hows your experience ?
Cookies are the best state management tool. Change my mind.
But changes in the cookie value won't trigger a re-render in a react component 🤔
@@PedroTechnologiesI am facing this issue. I am trying to toggle dark/light mode using cookies. But it works on initial page load but not later on cuz of no re-render.
Can you make a video about how to toggle theme in server side rendering
@@gaming_zen_99 yeah, this is a good use case for states. When the value of a react state changes, it forces the rerender of the component displaying it. If you want to toggle something that will be used in many different components, like a theme, i recommend creating a ThemeContext with the context api and manage ur states like that. There are a bunch of videos online on the topic :)
@@PedroTechnologiesThanks bro! I am aware of that, just trying to see if I can do it with only cookies since localstorage is useless now cuz of ssr.
Hi, may I know where is the full code for this project?
Where is the repository for this tutorial?
what is u vscode theme
dracula i think
carai ingles fino do fino
Ok so when this doesnt work for you, change your zustand version to 4, as 5 doesnt work. That'll be a problem for future me to deal with :D
side note, `npm install zustand` will install the latest rc at the time of writing, which, when i have bounced forward and back ( `npm install zustand@4` vs `npm install zustand` ) DOSENT work with the code shown. Mystery solved, the world is now sane again, my hair will regrow.
@@rbnzdaveSo to be clear, v5 doesn't work, v4 doesn't work, and the RC doesn't work, but mystery solved! 😂
perfect, fuck redux!
earlyyyyy
Zustand is literally the German translation for "state", i thought TH-cam half translated the video title lmao
Downvoting because you dont use typescript
TS should be default if any JS family work is done After 2021...
Not fair to downvote a tutorial that is focused on a different topic. I agree that TS is better but in a tut it complicates the material unnecessarily, especially for those still getting a grip on basic JS plus React.
Downvoting your lack of experience and empathy. 🤨