Тёмный
No video :(

Zustand Tutorial for Beginners - The Only Course You Will Ever Need 

Code Genix
Подписаться 7 тыс.
Просмотров 17 тыс.
50% 1

This is the most comprehensive "Zero to Hero" Zustand course available on RU-vid. 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...

Опубликовано:

 

12 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 92   
@codegenix
@codegenix 3 месяца назад
What tutorial do you want to see next?
@prashlovessamosa
@prashlovessamosa 3 месяца назад
app router
@codegenix
@codegenix 3 месяца назад
A full stack nextjs application tutorial is on the progress.
@prashlovessamosa
@prashlovessamosa 3 месяца назад
@@codegenix great 👍
@Raghav_Bajpai_
@Raghav_Bajpai_ 3 месяца назад
Drizzle ORM full course 💨
@michaeloshinaike5733
@michaeloshinaike5733 3 месяца назад
tanstack table with api call integration
@michaeloshinaike5733
@michaeloshinaike5733 3 месяца назад
This is the most comprehensive zustand tutorial on youtube. Great Job
@codegenix
@codegenix 3 месяца назад
You're welcome🙏
@codingjogo
@codingjogo Месяц назад
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
@codingjogo
@codingjogo Месяц назад
Btw, your video perfectly explain Zustand, thanks a lot!
@codegenix
@codegenix Месяц назад
I'm SO glad you liked it ❤️🙏
@dimd8824
@dimd8824 7 дней назад
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)) }
@roberthmejias
@roberthmejias 7 дней назад
What a tutorial 😎.... It's just what I needed 🥳!!! Thanks a lot for sharing this knowledge with us. You're a crack! 🤟
@codegenix
@codegenix 7 дней назад
Love you broooo😍❤️
@digitalsahara6670
@digitalsahara6670 3 месяца назад
man.... love thuis channel so much ! thanks for a great video again , perfectly timed too
@codegenix
@codegenix 3 месяца назад
Much appreciated! I'm so happy now...
@noNullMoments
@noNullMoments 2 месяца назад
Call the library what you want as long you as keep making good , quality content. Keep it up
@codegenix
@codegenix 2 месяца назад
I'm so glad you liked it. Thanks
@K00000ry
@K00000ry 3 месяца назад
Agha damet garm! Content Aaliye🙌
@codegenix
@codegenix 3 месяца назад
Fadaye shoma🙏
@yourlinuxguy
@yourlinuxguy Месяц назад
Thankyou so much for the tutorial once again. Kudos to you man!
@codegenix
@codegenix Месяц назад
My pleasure!
@dedanmsafari8213
@dedanmsafari8213 2 месяца назад
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!
@codegenix
@codegenix 2 месяца назад
I'm so glad that you liked it. Thank you very much. I really appreciate it
@yourlinuxguy
@yourlinuxguy 2 месяца назад
@@codegenix Would love to see you do ReactQuery.
@huseyinlora
@huseyinlora 2 месяца назад
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!
@codegenix
@codegenix 2 месяца назад
Thanks, will do!
@RohitRaj-od3be
@RohitRaj-od3be Месяц назад
My components folder and lib folder is creating at root directory inside @ and also it is not running could you please reply.
@codegenix
@codegenix Месяц назад
@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
@ShasHamood
@ShasHamood 3 месяца назад
Thank you very Thank you I've been waiting for him impatiently
@codegenix
@codegenix 3 месяца назад
You’re welcome 😊
@jayadky5983
@jayadky5983 3 месяца назад
Great videos on the channel brother🔥keep up the good work. Subscribed 💪
@codegenix
@codegenix 3 месяца назад
I'm really glad you liked. Thank you so much 🙏
@okwarakizitochigozirim6107
@okwarakizitochigozirim6107 Месяц назад
lovely tutorial, love it !!!!!
@codegenix
@codegenix Месяц назад
Thanks so much 😊
@masaratech
@masaratech 2 месяца назад
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
@codegenix
@codegenix 2 месяца назад
I'm so glad you liked it🙏thanks for the trick
@RafathBinZafarAuvee
@RafathBinZafarAuvee 2 месяца назад
This man is saint
@codegenix
@codegenix 2 месяца назад
Thanks bro!
@congdatt
@congdatt Месяц назад
Keep it up bro
@regilearn2138
@regilearn2138 3 месяца назад
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
@codegenix
@codegenix 3 месяца назад
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, ...)
@ErjonDinarama
@ErjonDinarama Месяц назад
Perfect
@codegenix
@codegenix Месяц назад
Glad you liked it
@mohammadbohluli
@mohammadbohluli 2 месяца назад
very very nice videos, keep going Bro🤩 and Your accent is very similar to that of Iranians, are you Iranian?
@codegenix
@codegenix 2 месяца назад
Are sotoonam😍 Merci
@dream__moments
@dream__moments 2 месяца назад
what if I want to persist the Cart Slice only ?
@codegenix
@codegenix 2 месяца назад
@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.
@dream__moments
@dream__moments 2 месяца назад
@@codegenix ok thanks for the knowledge
@souradeepdey1338
@souradeepdey1338 Месяц назад
I think you can use partialize option to manually select the states you need to save
@smartdriver2990
@smartdriver2990 3 месяца назад
Yes, I need it
@codegenix
@codegenix 3 месяца назад
I'm glad. 🙏
@prashlovessamosa
@prashlovessamosa 2 месяца назад
Now you are also a freecodecamp elite.
@minter-07
@minter-07 2 месяца назад
Great , now i want to learn drizzle orm with neon db with a small project, 😅 if possible
@codegenix
@codegenix 2 месяца назад
Currently working on it. Drizzle is really popular in this channel👌
@user-sd4pq1dw9g
@user-sd4pq1dw9g 3 месяца назад
thank you!!!!!!!!
@codegenix
@codegenix 3 месяца назад
You're welcome!
@Noli344
@Noli344 3 месяца назад
Can you make a full stack Next.js application with Tailwind, TypeScript, Zustand and Supabase?
@codegenix
@codegenix 3 месяца назад
Currently working on it...
@Raghav_Bajpai_
@Raghav_Bajpai_ 3 месяца назад
When Drizzle ORM full course from basic to advance?
@codegenix
@codegenix 3 месяца назад
It might takes a few weeks my friend...
@bhargavkumar
@bhargavkumar 11 дней назад
will this work with nextjs?
@codegenix
@codegenix 11 дней назад
@bhargavkumar I don't recommend it
@yourlinuxguy
@yourlinuxguy Месяц назад
Every things is fine but I'm having skill issue to follow. sed 😢
@codegenix
@codegenix Месяц назад
The first step is always the hardest. Keep practicing, you'll get it!
@user-ld1de1mc4h
@user-ld1de1mc4h 3 месяца назад
It's pronounced "Tzushtand" and not zustand. Get it RIGHT! :))))
@codegenix
@codegenix 3 месяца назад
I had a hard time pronouncing it the way you mentioned, but I just couldn't😆! Thanks for your correction anyway!
@zlatkoiliev8927
@zlatkoiliev8927 2 месяца назад
@@CURIOSITYcapitalseems like you left your sense of humour at home… 😢
@CURIOSITYcapital
@CURIOSITYcapital 2 месяца назад
do you think so?😂
@asim-gandu-phenchod
@asim-gandu-phenchod Месяц назад
Awesome tutorial. Thanks a lot
@codegenix
@codegenix Месяц назад
You are welcome!
@hamedfazeli476
@hamedfazeli476 2 месяца назад
Wow you nailed it 🫡✨👍
@codegenix
@codegenix 2 месяца назад
Fadaaaa😂❤️
Далее
Master the React ecosystem in 2024
7:01
Просмотров 49 тыс.
State Managers Are Making Your Code Worse In React
13:33
The Story of React Query
8:55
Просмотров 99 тыс.
TypeScript in React - COMPLETE Tutorial (Crash Course)
53:21
TypeScript Origins: The Documentary
1:21:36
Просмотров 282 тыс.
Global State Management in NextJs 14 Using Zustand
51:17
SWE Stop Learning - The Rise Of Expert Beginners
49:09
Просмотров 288 тыс.