Zustand Beginner Tutorial - Learn React State Management With Zustand

Ғылым және технология

In this video I will be teaching one of my favorite state management solutions in react, ZUSTAND!!!
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
..........
♬ MUSIC ♬
Artist: tubebackr
Track: Chill With Me
@tubebackr
hypeddit.com/tubebackr/chillwithme-1
.............
#reactjs #coding

Пікірлер: 55

  • @codewithAbdulMumin
    @codewithAbdulMumin13 күн бұрын

    this is the best zustand video ever made anywhere. simple and well explained thank you.

  • @PedroTechnologies

    @PedroTechnologies

    13 күн бұрын

    Glad you enjoyed it!

  • @Kira13555
    @Kira135552 ай бұрын

    I love you and your tutorials so much man, please keep up the great work -a wannabe frontend dev

  • @creamCheese89
    @creamCheese892 ай бұрын

    you have no idea how i become a react js developer in quick, clean and precise, all the video that you made taught me like a kinder garten, i really love how you helped me grow in programming!

  • @jamesbest2221
    @jamesbest22212 ай бұрын

    Very interested in Zustand! Thank you!!

  • @user-im3yq6ru6w
    @user-im3yq6ru6w2 ай бұрын

    So nice!!! Thank you for the video that was really helpful!

  • @parthivsolanki21
    @parthivsolanki212 ай бұрын

    As Always, Great Explained 🔥

  • @bobdaawid2218
    @bobdaawid22182 ай бұрын

    I think i really love zustand already, i find props usage really confusing but watching this makes everything easier. would appreciate a complete mern stack project using zustand.

  • @tamilalagarsamy3857
    @tamilalagarsamy38572 ай бұрын

    Awesome to explain. Please make more videos on Zustand.

  • @mohammadravand4351
    @mohammadravand43512 ай бұрын

    thank you man, great work💖

  • @royarnab
    @royarnab11 күн бұрын

    immer seems to be a useful thing, thanks

  • @shedrachugochukwu6245
    @shedrachugochukwu62452 ай бұрын

    Thanks allot, Pedro. This matters much

  • @matheusgobetti1436
    @matheusgobetti1436Ай бұрын

    Cara, teu ingles é perfeito e eu entendo tudo, a maioria dos canais gringos falam com tanto sotaque que é dificil de entender... Obrigado por usar palavras simples!!

  • @zaidmaraqa5360
    @zaidmaraqa53602 ай бұрын

    thank you pedro, any chance you can make a couple more advanced zuustand tutorials

  • @k2an
    @k2an2 ай бұрын

    nice nice nice !!!!! bravo! awesome sharing, you differ from others.. not just a counter sample. keep going like this!

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Thank you!! I appreciate that :)

  • @user-td3bz8st6v
    @user-td3bz8st6v2 ай бұрын

    It would be interesting to look at the use of multiple stores, whether zustand has something like combineReducers and how one could track the state of change of any value. Thank you for the excellent and educational videos, they educate well

  • @okkkk88612
    @okkkk886122 ай бұрын

    best zustand tutorial thumbs p

  • @FirasMohamed96
    @FirasMohamed962 ай бұрын

    Zustand is not one of the best RSM, IT IS LITERALLY THE BEST RSM HAS EVER MADE 🔥🔥🔥

  • @JimohSegun
    @JimohSegun21 күн бұрын

    Nice tutorial, I'll like to know which theme youre using

  • @abirkolin4702
    @abirkolin4702Ай бұрын

    thanks a lot!

  • @lokeshkavisth
    @lokeshkavisth2 ай бұрын

    Immer is very handy 😮

  • @rambsdev
    @rambsdev2 ай бұрын

    Auto like Pedro. Like to ask if you use a extension about indenting the code and back it to one liner.. Thanks

  • @codewithenima
    @codewithenimaАй бұрын

    Thanks for u tutorial, I will just add small explanation for selectors patterns it’s prevent to re-rendering components

  • @QuanNguyenViet-zt6zb
    @QuanNguyenViet-zt6zbАй бұрын

    How to manage status from api? For example, Cart.

  • @hong18s
    @hong18s17 күн бұрын

    Good tutorial for beginner. I have a question. does it still need to use the select pattern? we can use like this const { data, setData } = useStore();

  • @victorhenriquecollasanta4740
    @victorhenriquecollasanta47402 ай бұрын

    can we populate the initial states from the store with data provenients from the backend? API calls or Serveractions

  • @TemmyCodingLifestyle
    @TemmyCodingLifestyle2 ай бұрын

    I love this. Can you make a project using React Query and Zustand. A CRUD app

  • @you3667
    @you36672 ай бұрын

    Awesome 😎😎😎

  • @somitmeshram1238
    @somitmeshram12382 ай бұрын

    Can you please make NEXT JS Course the same way you made for react

  • @Goku-zu3rk
    @Goku-zu3rk2 ай бұрын

    Can you make a video on testing libaries and what tests you would cover? i spend a lot of time with that and most people dont seem to cover this topic much on the internet.

  • @newbiedevtons
    @newbiedevtonsАй бұрын

    Can I combine zustand with react query for api fetching in react?

  • @soniagrant570
    @soniagrant570Ай бұрын

    thanks, do you have a link to code repo?

  • @techwithrashid4946
    @techwithrashid49462 ай бұрын

    Hey which software are you using for screen recording?

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    I just use quicktime player, OBS screws up my computer for some reason

  • @arzooqadri8805
    @arzooqadri88052 ай бұрын

    earlyyyyy

  • @speedster784
    @speedster7842 ай бұрын

    Have you ever worked with fabric js?

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    No unfortunately :/

  • @bryandelacruz9066
    @bryandelacruz9066Ай бұрын

    Hi, may I know where is the full code for this project?

  • @arghyadutta6604
    @arghyadutta660418 күн бұрын

    Where is the repository for this tutorial?

  • @ALL_I_KNOW_1172
    @ALL_I_KNOW_1172Ай бұрын

    It's a great tutorial. But It would be much more better, if you could give exercises on it - this will will be a great addition to the video.

  • @henry_ornellas
    @henry_ornellas2 ай бұрын

    carai ingles fino do fino

  • @victorhenriquecollasanta4740
    @victorhenriquecollasanta47402 ай бұрын

    perfect, fuck redux!

  • @gaming_zen_99
    @gaming_zen_992 ай бұрын

    Cookies are the best state management tool. Change my mind.

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    But changes in the cookie value won't trigger a re-render in a react component 🤔

  • @gaming_zen_99

    @gaming_zen_99

    2 ай бұрын

    @@PedroTechnologiesI am facing this issue. I am trying to toggle dark/light mode using cookies. But it works on initial page load but not later on cuz of no re-render.

  • @gaming_zen_99

    @gaming_zen_99

    2 ай бұрын

    Can you make a video about how to toggle theme in server side rendering

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    @@gaming_zen_99 yeah, this is a good use case for states. When the value of a react state changes, it forces the rerender of the component displaying it. If you want to toggle something that will be used in many different components, like a theme, i recommend creating a ThemeContext with the context api and manage ur states like that. There are a bunch of videos online on the topic :)

  • @gaming_zen_99

    @gaming_zen_99

    2 ай бұрын

    @@PedroTechnologiesThanks bro! I am aware of that, just trying to see if I can do it with only cookies since localstorage is useless now cuz of ssr.

  • @user-hh3hv5ei8w
    @user-hh3hv5ei8w2 ай бұрын

    Zustand is literally the German translation for "state", i thought KZread half translated the video title lmao

  • @asdfasdfuhf
    @asdfasdfuhfАй бұрын

    Downvoting because you dont use typescript

  • @kushalmondal618

    @kushalmondal618

    28 күн бұрын

    TS should be default if any JS family work is done After 2021...

Келесі