Once again, thank you for giving me the opportunity to post this course to the channel. I'm really happy to already see so many people appreciating it! Have a good day y'all :)
@eduardalbrecht9585 Жыл бұрын
Hast du richtig gut gemacht 👌
@NiklasZiermann Жыл бұрын
@@eduardalbrecht9585 Danke dir 😄
@keenanduplessis3023 Жыл бұрын
Great Course ❤🔥
@deumolo Жыл бұрын
You have a gift for teaching, man ... please continue with it. This was an incredibly good tutorial. Thank you.
@NiklasZiermann Жыл бұрын
Update: If you stumble across some issues with the bit about equality functions, then you should probably be checking out the createWithEqualityFn function from version 4.4.0 and up. Because the way to do it that I used in the course is now deprecated.
@kiddhkane6 ай бұрын
I like how you iterate steps, starting from very basic to more and more advanced, instead of doing a whole task in one go. It really helps see the necessary steps and debug.
@林翔太-k9g2 ай бұрын
Since I couldn't find any Japanese materials on Zustand, I watched an overseas video for the first time. It was very educational. I'll use it in my next project.
@FullStackAce Жыл бұрын
After 2 months, I'm glad to see there's an expanded video on Zustand. Now I can continue building my e-commerce application but please next time focus on the topic. You took longer time focusing on styling which wasn't necessary. Thanks.
@jwhubert91 Жыл бұрын
So awesome that this was uploaded on the same day I was looking for it! Really looking forward to something easier to use than Redux- React is overdue for something hooks based that doesn't involve a lot of boilerplate template junk code just to get running
@ROVAKAN Жыл бұрын
i was expecting a zustand tutorial but this guy keeps writing css :D
@FunctionGermany Жыл бұрын
6:35 "shadow DOM" is a browser API which is not what React uses. the correct name is virtual DOM or VDOM. Vue uses it too.
@Hizbullla Жыл бұрын
Virtual DOM isn't an official term. Even the React team is hesitant to call it that and wants to move away from that terminology.
@FunctionGermany Жыл бұрын
@@Hizbullla you're probably technically correct, but VDOM is currently the commonly known and used term for this approach. it's definitely much "more correct" than shadow DOM, which something completely different 😄
@tonykharioki6913 Жыл бұрын
this is so cool. I'm building a react native app and I needed a better option than context and thank you for this. this really helped me.
@user-gm3lg8gp3m Жыл бұрын
"The Why Zustand?" section was brilliant.
@tableryu75573 ай бұрын
Thanks for the Zustand and CSS tutorial 💙
@soumadip_banerjee Жыл бұрын
Ein Deutscher! Wow.. Toll! Ich komme aus Indien, aber ich versuche Deutsch zum lernen.. Es ist nicht einfach, but, eehh.. es geht! Super Tutorial! 👌🏻 🇮🇳❣️🇩🇪
@NiklasZiermann Жыл бұрын
Danke dir! Viel Erfolg beim Deutsch lernen 😃
@soumadip_banerjee Жыл бұрын
@@NiklasZiermann 😁
@AleksandarZedi Жыл бұрын
quick, simple. efficient, straight to the point, great video
@Tyrone-Ward3 ай бұрын
😂😂😂
@jasonadventure2265 Жыл бұрын
Thanks a lot for your presentaion, from your video I can understand and drive zustand to manage the react state. From my understanding, it generates a private memory area in the brower side where various types of object and values as well as function can be operated in this memory block. and It can be accessed by outside components. very good job Niklas.
@iamjustlearner5866 Жыл бұрын
great demonstration in the real case!
@swadeshswaroopbehera84659 ай бұрын
I was worried looking at redux boilerplate, pheww. Thanks mate.
@mahdimey49908 ай бұрын
nice css tutorial👍
@hamzaashraf95296 күн бұрын
Such an amazing Tutorial
@miraclenerdkidchiki6249 Жыл бұрын
This came at the right time....just started looking at zustand yesterday
@DarrylHebbes Жыл бұрын
Thank you for pronouncing Zustand correctly 😂
@SharmaTushar1-yt Жыл бұрын
21:20 Soon after adding shallow. It says useStore is deprecated?
@baldcoder_ Жыл бұрын
I wonder if not using a Provider can be considered a pro. Without a Provider you can't reuse the same instance of a store for a different part of the app. There's already an issue and a StackOverflow question about lacking that ability in Zustand. It's also not faster than Context per se. It's faster than a Context that passes state to all consumers. It's very simple to create a smarter context that allows selective reacting that Zustand (and other libraries) feature. Zustand is awesome, but I feel like people keep missing out on the power of Context. I think I'll write an abstraction just to show how powerful it is 😅
@s1n7ax6 ай бұрын
Awesome tutorial
@AL-rb7ku Жыл бұрын
this is a gold mine thank you!!
@pandastory-abookseriesabou8568 Жыл бұрын
👌🏻 Good as always 🚀
@martygo11 ай бұрын
Thank you for course.
@fallen_turbo Жыл бұрын
Amazing Video, I would love to see one for Jotai as well with Jack Harrington
@siriusplayz5871 Жыл бұрын
This is so cool. Thank you 👍
@kevinkimutai1328 Жыл бұрын
Very nice tutorial.A little confusing though on why you chose to name the tasks object as title and state. status would be a less confusing name
@migaratennakoon543911 ай бұрын
great job
@tucson29 Жыл бұрын
This helps me a lot, thx
@krismondevv7356 Жыл бұрын
I watch a lot of tutorials and please when you want to show an exact technology prepare your css before the tutorial,,
@rune3pro Жыл бұрын
I agree. I don't care about CSS, I'm here to learn about zustand
@chippandenga6722Ай бұрын
As a junior or beginner, I appreciate you including the CSS. You obviously csnnot cster for everbodys needs. The more experienced guys can simply skip the CSS portion. What are you whiningcabout? Still getting the tutorial for free😊
@abubakarafzal9707 Жыл бұрын
really comprehensive video, Effort much appreciated.
@danypell2517 Жыл бұрын
The best state lib
@idunexist Жыл бұрын
no offense, but i think it spends a lot of time writing css............not ideal for the impatient
@blue_berry_pie64 Жыл бұрын
Yayyyy🎉🎉🎉🎉🎉🎉
@binukbe4401 Жыл бұрын
This tutorial needs another tutorial tbh 😕
@vlogging-nk Жыл бұрын
it will be sure to use vite react, right?
@jasper5016 Жыл бұрын
Thanks, Niklas, you are a fantastic teacher. I would love to learn more from you. Do you have any Udemy course?
@joovitor10 ай бұрын
@25:29 what does he uses for the error appear on the line it ocurrered?
@НаильШайхинуров-п7л9 ай бұрын
It's Error Lens extention by Alexander
@NehalDamania Жыл бұрын
Nice Tutorial, Can we create similar tutorial on Jotai and a comparison of Both. Will be really helpful
@ShubhamHirap2 ай бұрын
addTask unit test case failed tried many things and follow line by line code from the video too. How it is working in the video?
@0xtz_ Жыл бұрын
I need this 😮 thanks
@giannifed Жыл бұрын
Great Tutorial.
@vidadoempreendedor2909 Жыл бұрын
Thanks for the work
@yllimdanny Жыл бұрын
i used to learn a very simple way to use zustand, your way seems making things complicated. Maybe your way is too advance level for me.
@budaloops Жыл бұрын
Am I the only one who's confused with this explanation?
@Jahid20u6 ай бұрын
no, bro. count me in. This tutorial maybe not for beginner
@Viva-0711 ай бұрын
Seems more like css video than zustand...but when the concept was edplained, it was good Thank you
@kolserdav Жыл бұрын
Oh, that's fantastic, down with the redux!
@jcubic Жыл бұрын
You should not use Shadow DOM if you mean Virtual DOM. Shadow DOM is Browser API and part of Web Components.
@lored6811 Жыл бұрын
As a German I have to say that you should look up how to say Zustand
@soumadip_banerjee Жыл бұрын
Genau! Das tut mir leid
@TheAleBecker Жыл бұрын
This
@ibtissamelhammoumy4887 Жыл бұрын
🤣🤣🤣
@zm7985 Жыл бұрын
Tsu-shtund
@imadajail3818 Жыл бұрын
Ty ❤
@gongcheungman5999Ай бұрын
Hi, I think there is a small misinfo, that react uses virtual dom not shadow dom
@moon911x Жыл бұрын
thanks a lot 🎉
@khoroshoigra8388 Жыл бұрын
why not typescript ?
@jwoods9659 Жыл бұрын
I'm learning code I'm picking up patterns and what to do fast BUT I really don't know the words to type all the time....its tough
@bonganintshangase6051 Жыл бұрын
Greate tutoral but it would be nice to leave if you left out the css and just focus on zustand.
@blubblurb Жыл бұрын
In the tutorial @22:26, evluating longest and then go over every element to see whether it exists is a bit slow. Just return false directly when the length of both elements differ.
@mikelan9854 Жыл бұрын
what about if they have different values ?
@blubblurb Жыл бұрын
@@mikelan9854 You go over all the elements then if the length is the same. But you don't have to if the size already differs.
@kuldeepbhatt8475 Жыл бұрын
MAH, MAAN! Just made fookin Trello from scratch! LMAO!! rad skills!!
@krish-Ach Жыл бұрын
Can a browser db like watermelon db be used instead of state management in react
@new_artiko Жыл бұрын
thanks!
@tejasgk369 Жыл бұрын
🔥
@rohulahadi3990 Жыл бұрын
🔥😍
@justine109975 ай бұрын
I needed a quick solution to learn Zustand and I had to give up after battling with CSS for 45 minutes (first time I actually watch a tutorial in x0.75). The tutorial is good and I believe there is a lot of work behind. Just not a Zustand course.
@juliamax7519 Жыл бұрын
23:03 Here is the source, I don't think it was possible for it to have been written that way at the time. ```ts // ... ignore const keysA = Object.keys(objA) if (keysA.length !== Object.keys(objB).length) { return false } for (let i = 0; i < keysA.length; i++) { if ( !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) || !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T]) ) { return false } } return true ```
@ak-loz Жыл бұрын
Timestamps please :)
@maid768 Жыл бұрын
Endlich ein Deutscher
@NiklasZiermann Жыл бұрын
Die Freude ist ganz meinerseits :)
@polisvlogs2471 Жыл бұрын
👍🏼👍🏼👍🏼
@AleksandarZedi Жыл бұрын
if you get error: "TypeError: Cannot convert undefined or null to object" use this import "import * as matchers from '@testing-library/jest-dom/matchers';"
@evolutionxbox10 ай бұрын
Consider not using margin on flex children to space them evenly. Use gap.
@NeoCoding Жыл бұрын
thanx good try but no need in styling here and why to call a variable state, it's confusing cuz state is reserved in redux ex
@rishiraj2548 Жыл бұрын
👍👍
@afaqahmad8918 Жыл бұрын
First view ❤
@alexandershpilka5848 Жыл бұрын
Nice tutorial in general but a bit chaotic.
@surajkumarsingh4857 Жыл бұрын
WOW
@simpsomk Жыл бұрын
Good but you should read what shadow DOM is
@siriusplayz5871 Жыл бұрын
I'm going to create my TODO app next using this course and firebase
@RewlTheNoob4 ай бұрын
You really should have used a CSS library. And it wasn't a good choice to call "status" as "state", because it's confusing in a State Management course, especially since in Redux a lot of boilerplate prop was called "state". Besides that it wasn't a bad course, but it could be better.
@dimitrisoikonomou60813 ай бұрын
Totally agree. You should use "status". The prev course I watched was about rtk and was confused in the beginning. Besides that good course
@doslki6773 Жыл бұрын
please make a course for game maker
@okkkk88612 Жыл бұрын
too fast, too much css, a little bit messy tutorial
@BlueBear13 Жыл бұрын
Bear
@elidonmorina Жыл бұрын
Very poor demonstration of Zustand! If I was too see Zustand for the first time from this guy I would had never have used it!
@mikelan9854 Жыл бұрын
i was just seeing zustand for the first time and wanted to not learn it anymore . Thank you , i'll now look for something simple and better than a chaotic css tutorial.
@ישיקוסובר Жыл бұрын
Plese meka chaybot in pythun
@usamaashraf49304 ай бұрын
Zustand 10% css 90%
@kshitijvengurlekar1192 Жыл бұрын
Not a very intutive explanation
@maxcelosdev Жыл бұрын
Why waste so much time in styling? Its a state management tutorial...
@aleejunaid Жыл бұрын
You lost me at "Javascript" .... 😐
@rio3rh3i4ot3 Жыл бұрын
Here because context providers ruined my day
@jarenburks1515 Жыл бұрын
Too much CSS
@codexperience7951 Жыл бұрын
I have this problem, in unit testing with vitest, can someone explain or provide a solution for this, this is the error. Sorry just a first timer in unit testing. TypeError: Cannot convert undefined or null to object ❯ setupTests.js:6:8 4| import "@testing-library/jest-dom"; 5| 6| expect.extend(matchers); | ^ 7| 8| afterEach(cleanup);
@AleksandarZedi Жыл бұрын
import * as matchers from '@testing-library/jest-dom/matchers'; this fixed it for me