Zustand Beginner Tutorial - Learn React State Management With Zustand

Поделиться
HTML-код
  • Опубликовано: 12 мар 2024
  • 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
    @codewithAbdulMumin 16 дней назад +2

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

  • @Kira13555
    @Kira13555 2 месяца назад +6

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

  • @creamCheese89
    @creamCheese89 3 месяца назад +1

    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
    @jamesbest2221 3 месяца назад +2

    Very interested in Zustand! Thank you!!

  • @user-im3yq6ru6w
    @user-im3yq6ru6w 3 месяца назад

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

  • @parthivsolanki21
    @parthivsolanki21 3 месяца назад +1

    As Always, Great Explained 🔥

  • @bobdaawid2218
    @bobdaawid2218 3 месяца назад +1

    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
    @tamilalagarsamy3857 3 месяца назад

    Awesome to explain. Please make more videos on Zustand.

  • @mohammadravand4351
    @mohammadravand4351 2 месяца назад

    thank you man, great work💖

  • @royarnab
    @royarnab 14 дней назад

    immer seems to be a useful thing, thanks

  • @shedrachugochukwu6245
    @shedrachugochukwu6245 2 месяца назад

    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!!

  • @k2an
    @k2an 3 месяца назад +1

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

  • @zaidmaraqa5360
    @zaidmaraqa5360 2 месяца назад

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

  • @user-td3bz8st6v
    @user-td3bz8st6v 2 месяца назад

    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
    @okkkk88612 2 месяца назад +1

    best zustand tutorial thumbs p

  • @FirasMohamed96
    @FirasMohamed96 3 месяца назад +8

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

  • @JimohSegun
    @JimohSegun 24 дня назад

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

  • @abirkolin4702
    @abirkolin4702 Месяц назад

    thanks a lot!

  • @lokeshkavisth
    @lokeshkavisth 3 месяца назад

    Immer is very handy 😮

  • @rambsdev
    @rambsdev 3 месяца назад

    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 Месяц назад +1

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

  • @hong18s
    @hong18s 20 дней назад

    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
    @victorhenriquecollasanta4740 3 месяца назад

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

  • @TemmyCodingLifestyle
    @TemmyCodingLifestyle 2 месяца назад

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

  • @you3667
    @you3667 3 месяца назад

    Awesome 😎😎😎

  • @somitmeshram1238
    @somitmeshram1238 2 месяца назад +1

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

  • @Goku-zu3rk
    @Goku-zu3rk 2 месяца назад

    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
    @techwithrashid4946 3 месяца назад +1

    Hey which software are you using for screen recording?

    • @PedroTechnologies
      @PedroTechnologies  3 месяца назад +1

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

  • @arzooqadri8805
    @arzooqadri8805 3 месяца назад +1

    earlyyyyy

  • @speedster784
    @speedster784 3 месяца назад +1

    Have you ever worked with fabric js?

  • @bryandelacruz9066
    @bryandelacruz9066 Месяц назад

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

  • @arghyadutta6604
    @arghyadutta6604 21 день назад

    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_ornellas 2 месяца назад

    carai ingles fino do fino

  • @victorhenriquecollasanta4740
    @victorhenriquecollasanta4740 3 месяца назад +2

    perfect, fuck redux!

  • @gaming_zen_99
    @gaming_zen_99 3 месяца назад +1

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

    • @PedroTechnologies
      @PedroTechnologies  3 месяца назад +3

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

    • @gaming_zen_99
      @gaming_zen_99 3 месяца назад +1

      @@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 3 месяца назад

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

    • @PedroTechnologies
      @PedroTechnologies  3 месяца назад

      @@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 3 месяца назад

      @@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-hh3hv5ei8w 2 месяца назад

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

  • @asdfasdfuhf
    @asdfasdfuhf Месяц назад +1

    Downvoting because you dont use typescript

    • @kushalmondal618
      @kushalmondal618 Месяц назад

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