Zustand Tutorial for Beginners - The Only Course You Will Ever Need
Вставка
- Опубліковано 25 сер 2024
- This is the most comprehensive "Zero to Hero" Zustand course available on UA-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
The most comprehensive Zustand tutorial on UA-cam. Thank you brother for taking this tutorial that deep and understandable.
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 ❤️🙏
man.... love thuis channel so much ! thanks for a great video again , perfectly timed too
Much appreciated! I'm so happy now...
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
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 😊
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))
}
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.
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! 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!
lovely tutorial, love it !!!!!
Thanks so much 😊
Agha damet garm! Content Aaliye🙌
Fadaye shoma🙏
Great videos on the channel brother🔥keep up the good work. Subscribed 💪
I'm really glad you liked. Thank you so much 🙏
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😍❤️
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
This man is saint
Thanks bro!
Perfect
Glad you liked it
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
Keep it up bro
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, ...)
Yes, I need it
I'm glad. 🙏
Now you are also a freecodecamp elite.
Awesome tutorial. Thanks a lot
You are welcome!
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!
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👌
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
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!
i hated programming after watching your tutorial
@drivebuss8079 Is there any problem with the tutorial?
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
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?😂
Wow you nailed it 🫡✨👍
Fadaaaa😂❤️