I'm begginner in Zustand if I don't read docs and do some little things with it I will never understand this. Your explanation is perfect for people who knows the basics
I loved this one..quite in depth.I love the coding standards enforced here. will combine it with react query to build cool stuff.Looking foward to more tutorials from you.Great job mate!
Thanks for creating such an amazing piece. I wanted to ask you, what is the best practice of performing server actions with zustand . For instance, when we increase the qty , we need to do the same on the server and then, on the client , call incQty when the server is updated. What the best approach with zustand ? I am thinking of creating a function(async) and when the store action is called to be set, the functions runs to update the server first and when is done, it update the product store else return state.
@amadikesullivan2962 You are very welcome bro! I don't recommend using Zustand for server state management because it is not made for it (async operations) and you have to handle all the logic for data fetching (caching, mutation, cache invalidation ...) manually. But I recommend you to use Zustand for client state management and React Query for server state management because they work together flawlessly.
Great! Please continue to produce such comprehensive and beginner-friend tutorials bro! I'm following your contents regularly. They are great. Well done. Thanks. Recommendation: You can add timestamps for every certain part of the video!
Thanks for your amazing energy bro. I'm gonna publish the vscode tutorial in a few days. Currently I cannot upload video to my RUclips channel. The internet connection in my country is terrible nowadays. Uploading is like a headache and it is almost impossible for now
@RohitRaj-od3be You can add this to your tsconfig file: "paths": { "@/*": ["./src/*"], "$/*": ["./*"] } then you can import your files at root level like: import { something } from "$/components/YourComponent.tsx
@dream__moments Slice persisting is not possible but you can create multiple stores and persist each of them that you want. For example you can create a store only for your cart, then only persist that not the other store.
Hello. how to type a wrapper function to add devtools in dev mode? so that devtools do not end up in production. const createStore = (fn, name) => { if(process.env.node_env === "development") { return create()(devtools(fn, name)) } return create(fn, name)) }
This was really helpful, thank you for your efforts. You can add multiple shadcn components in one line like: npx shadcn-ui@latest input label drawer accordion
thanks alot for this great tutoraial compatriot(damet garm dadash😉) and I have a suggestion for you : bro it's better to teach with simplicity and focus on the main topic instead of using diffrent UI libs to distract your audience
To be honest, the tutorial quality is good, but for beginners - you should be straight forward and keep going, instead of hopping from one file to another and also showing why we are doing complex vs why easiest. Thanks for sharing. Hoping to see more videos
Hi mate, your content have unique touch. I would like to request a video on how to upload file to AWS s3 using lambda function with MERN stack using typescript
Thank you for the suggestion! Unfortunately Amazon services are banned in my country and I don't have access to these services (Azure, AWS, Vercel, Firebase, ...)
Hi know making a tutorial is hard but : this tutorial is not pedagogic enough. You don't spend enough time explaining each line. so I'm lost, and i've lost my time.
You're structuring it as redux with single store kinda defeats the point For viewers, you better read documentation, if you don't want to do it and want tutorial, just stick to redux
@yoz0__ Thanks for your professional feedback. Zustand is mostly an unopinionated library which means that it is up to how you would like to use it and having a single store is kind of my preference which is also recommended by the docs. But I really loved your opinion bro🙏🤗
You talk waaaaaay to fast and jump from file to file!!!!! I don't really feel that a beginner can understand the way Zustand works with this tutorial. "The Only Course You Will Ever Need" is an overstatement.
your example is too complicated, and you got lost in implement the e-commerce site. I dont care the interface of your product, I'm here for zustand knowledge.Pick a simple example, dont waste my time
What tutorial do you want to see next?
app router
A full stack nextjs application tutorial is on the progress.
@@codegenix great 👍
Drizzle ORM full course 💨
tanstack table with api call integration
The most comprehensive Zustand tutorial on RUclips. Thank you brother for taking this tutorial that deep and understandable.
You cannot imagine how much happy I am now. Thanks for your amazing feedback
I'm begginner in Zustand if I don't read docs and do some little things with it I will never understand this. Your explanation is perfect for people who knows the basics
Btw, your video perfectly explain Zustand, thanks a lot!
I'm SO glad you liked it ❤️🙏
This is the most comprehensive zustand tutorial on youtube. Great Job
You're welcome🙏
Call the library what you want as long you as keep making good , quality content. Keep it up
I'm so glad you liked it. Thanks
Agha damet garm! Content Aaliye🙌
Fadaye shoma🙏
man.... love thuis channel so much ! thanks for a great video again , perfectly timed too
Much appreciated! I'm so happy now...
What should I learn first before I dive into this tutorial? I don't understand the typescript syntax at 7:47
Thank you very Thank you I've been waiting for him impatiently
You’re welcome 😊
Thankyou so much for the tutorial once again. Kudos to you man!
My pleasure!
Hey codegenix, Can you make an in-depth video on Prisma like you did with drizzle?
I'm currently working on it
I loved this one..quite in depth.I love the coding standards enforced here. will combine it with react query to build cool stuff.Looking foward to more tutorials from you.Great job mate!
I'm so glad that you liked it. Thank you very much. I really appreciate it
@@codegenix Would love to see you do ReactQuery.
Thanks for creating such an amazing piece.
I wanted to ask you, what is the best practice of performing server actions with zustand . For instance, when we increase the qty , we need to do the same on the server and then, on the client , call incQty when the server is updated. What the best approach with zustand ? I am thinking of creating a function(async) and when the store action is called to be set, the functions runs to update the server first and when is done, it update the product store else return state.
@amadikesullivan2962 You are very welcome bro!
I don't recommend using Zustand for server state management because it is not made for it (async operations) and you have to handle all the logic for data fetching (caching, mutation, cache invalidation ...) manually. But I recommend you to use Zustand for client state management and React Query for server state management because they work together flawlessly.
Awesome tutorial. Thanks a lot
You are welcome!
What a tutorial 😎.... It's just what I needed 🥳!!! Thanks a lot for sharing this knowledge with us. You're a crack! 🤟
Love you broooo😍❤️
what font and theme are you using > I really like it
The font is "JetBrainsMono Nerd Font" and the theme is Dracula bro👌
Great! Please continue to produce such comprehensive and beginner-friend tutorials bro! I'm following your contents regularly. They are great. Well done. Thanks.
Recommendation: You can add timestamps for every certain part of the video!
Thanks, will do!
Best Zustand tutorial out there without a doubt! Can you share the theme used for VS Code? The colors and fonts are really cool 🙂
Thanks for your amazing energy bro. I'm gonna publish the vscode tutorial in a few days. Currently I cannot upload video to my RUclips channel. The internet connection in my country is terrible nowadays. Uploading is like a headache and it is almost impossible for now
Good tutorial thanks.
Glad it was helpful!
My components folder and lib folder is creating at root directory inside @ and also it is not running could you please reply.
@RohitRaj-od3be You can add this to your tsconfig file:
"paths": {
"@/*": ["./src/*"],
"$/*": ["./*"]
}
then you can import your files at root level like:
import { something } from "$/components/YourComponent.tsx
Great videos on the channel brother🔥keep up the good work. Subscribed 💪
I'm really glad you liked. Thank you so much 🙏
khaste nashid awli bod
Mokhlesam soltan
what if I want to persist the Cart Slice only ?
@dream__moments Slice persisting is not possible but you can create multiple stores and persist each of them that you want. For example you can create a store only for your cart, then only persist that not the other store.
@@codegenix ok thanks for the knowledge
I think you can use partialize option to manually select the states you need to save
Thank you so much. If possible, can you make a video about AWS that we should learn as web developer?
Hello.
how to type a wrapper function to add devtools in dev mode?
so that devtools do not end up in production.
const createStore = (fn, name) => {
if(process.env.node_env === "development") {
return create()(devtools(fn, name))
}
return create(fn, name))
}
This was really helpful, thank you for your efforts.
You can add multiple shadcn components in one line like:
npx shadcn-ui@latest input label drawer accordion
I'm so glad you liked it🙏thanks for the trick
thanks alot for this great tutoraial compatriot(damet garm dadash😉) and I have a suggestion for you : bro it's better to teach with simplicity and focus on the main topic instead of using diffrent UI libs to distract your audience
Thanks for the tip dadash❤️!
Now you are also a freecodecamp elite.
To be honest, the tutorial quality is good, but for beginners - you should be straight forward and keep going, instead of hopping from one file to another and also showing why we are doing complex vs why easiest. Thanks for sharing. Hoping to see more videos
Thanks bro. I'm gonna consider it it🙏
Yes, I need it
I'm glad. 🙏
Keep it up bro
Perfect
Glad you liked it
This man is saint
Thanks bro!
thank you!!!!!!!!
You're welcome!
very very nice videos, keep going Bro🤩 and Your accent is very similar to that of Iranians, are you Iranian?
Are sotoonam😍 Merci
When Drizzle ORM full course from basic to advance?
It might takes a few weeks my friend...
Can you make a full stack Next.js application with Tailwind, TypeScript, Zustand and Supabase?
Currently working on it...
will this work with nextjs?
@bhargavkumar I don't recommend it
@@codegenixwhat do you recommend?
lovely tutorial, love it !!!!!
Thanks so much 😊
Hi mate, your content have unique touch. I would like to request a video on how to upload file to AWS s3 using lambda function with MERN stack using typescript
Thank you for the suggestion! Unfortunately Amazon services are banned in my country and I don't have access to these services (Azure, AWS, Vercel, Firebase, ...)
i think you have presian accent, good job
Great , now i want to learn drizzle orm with neon db with a small project, 😅 if possible
Currently working on it. Drizzle is really popular in this channel👌
Ham vatan🎉
fadat❤️
Your doing a complex examples try going from basic examples to complex ones
Every things is fine but I'm having skill issue to follow. sed 😢
The first step is always the hardest. Keep practicing, you'll get it!
Hi know making a tutorial is hard but : this tutorial is not pedagogic enough. You don't spend enough time explaining each line. so I'm lost, and i've lost my time.
Sorry for that
i hated programming after watching your tutorial
@drivebuss8079 Is there any problem with the tutorial?
Example is good but to be honest i fu***up 😵😵
You're structuring it as redux with single store kinda defeats the point
For viewers, you better read documentation, if you don't want to do it and want tutorial, just stick to redux
@yoz0__ Thanks for your professional feedback. Zustand is mostly an unopinionated library which means that it is up to how you would like to use it and having a single store is kind of my preference which is also recommended by the docs. But I really loved your opinion bro🙏🤗
It's pronounced "Tzushtand" and not zustand. Get it RIGHT! :))))
I had a hard time pronouncing it the way you mentioned, but I just couldn't😆! Thanks for your correction anyway!
@@CURIOSITYcapitalseems like you left your sense of humour at home… 😢
do you think so?😂
You talk waaaaaay to fast and jump from file to file!!!!! I don't really feel that a beginner can understand the way Zustand works with this tutorial. "The Only Course You Will Ever Need" is an overstatement.
Thanks for your feedback🙏
your example is too complicated, and you got lost in implement the e-commerce site. I dont care the interface of your product, I'm here for zustand knowledge.Pick a simple example, dont waste my time
Thanks for your feedback
Wow you nailed it 🫡✨👍
Fadaaaa😂❤️
DO BETTER-AUTH. YOU WILL BE A LIVE SAVER FOR ALL OF YOUR VIEWERS