ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Zustand Tutorial for Beginners - The Only Course You Will Ever Need
ฝัง
- เผยแพร่เมื่อ 12 พ.ค. 2024
- This is the most comprehensive "Zero to Hero" Zustand course available on TH-cam. You will learn everything related to it through practical examples, best practices, and integrate it with TypeScript and React as quickly as possible to create an eCommerce application with an amazing modern reactive shopping cart and products page.
Zustand is a minimalist yet powerful state management library for React applications. It simplifies state management by offering a straightforward API based on hooks, making it an appealing alternative to more complex solutions like Redux and Flux patterns. Zustand is designed not to be opinionated, allowing developers to manage state in a way that best suits their application's needs. It provides a simple and intuitive method for managing global state across components in React.
How to create a reactive shopping cart ecommerce application in React?
#react #zustand #redux #flux
🔗 Links:
Project on Github: github.com/cod...
Docs: zustand-demo.p...
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
This is the most comprehensive zustand tutorial on youtube. Great Job
You're welcome🙏
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 ❤️🙏
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
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😍❤️
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))
}
man.... love thuis channel so much ! thanks for a great video again , perfectly timed too
Much appreciated! I'm so happy now...
Agha damet garm! Content Aaliye🙌
Fadaye shoma🙏
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!
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.
Thankyou so much for the tutorial once again. Kudos to you man!
My pleasure!
Thank you very Thank you I've been waiting for him impatiently
You’re welcome 😊
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
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 🙏
lovely tutorial, love it !!!!!
Thanks so much 😊
This man is saint
Thanks bro!
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
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, ...)
Keep it up bro
Perfect
Glad you liked it
Yes, I need it
I'm glad. 🙏
Now you are also a freecodecamp elite.
very very nice videos, keep going Bro🤩 and Your accent is very similar to that of Iranians, are you Iranian?
Are sotoonam😍 Merci
thank you!!!!!!!!
You're welcome!
When Drizzle ORM full course from basic to advance?
It might takes a few weeks my friend...
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👌
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
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!
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?😂
Awesome tutorial. Thanks a lot
You are welcome!
Wow you nailed it 🫡✨👍
Fadaaaa😂❤️