Turbocharge React Shopping Cart: Jotai State Management!

Sdílet
Vložit
  • čas přidán 19. 07. 2024
  • In this video we will learn #state mangement in #react by building a #shopping cart #application in #nextjs using Jotai.
    --------------------------------------------------------------------------
    📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324
    --------------------------------------------------------------------------
    Subscribe: czcams.com/users/yourstruly2...
    --------------------------------------------------------------------------
    💵Support the channel:
    Paypal: www.paypal.me/trulymittal
    Patreon: / trulymittal
    --------------------------------------------------------------------------
    0:00 Introduction
    1:33 Jotai Provider
    2:41 defining atoms - a piece of state
    4:45 Initial cart items state
    5:44 Derived state for quality of cart items
    10:43 Adding products to cart
    19:10 useCart hook
    22:47 Delete a product from cart
    25:50 Update cart item quantity
    28:54 Order summary - Derived state
    32:54 Formatting to currency
    35:42 Resetting state
    Github (starter project): github.com/trulymittal/jotai-...
    Github (complete project): github.com/trulymittal/jotai-...
    ======================
    ✔ Other useful Playlists
    ======================
    #RestAPI (#NodeJS and MongoDB): • REST API using NodeJS ...
    #API Authentication using #JWT: • NodeJS API Authenticat...
    #Firebase: • Firebase | Build a Not...
    Docker: • Docker
    MongoDB: • Learn MongoDB in 50 mi...
    Html/Css/Js: • HTML / CSS / JS
    Android: • Android
    Challenges: • Challenges
    #mafiacodes #yoursTRULY #tutorial #howto #nodejs #android

Komentáře • 13

  • @salahaldinedouard5299
    @salahaldinedouard5299 Před rokem +1

    You are most deaf one of my favorite, CZcams teachers. Thanks so much mafia.

  • @lucasdias1348
    @lucasdias1348 Před 2 měsíci

    Obrigado por esse vídeo incrível, estava utilizando o Redux em meu projeto, mas li um pouco sobre jotai e vi que era muito mais simples de utilizar.

  • @manoj-k
    @manoj-k Před rokem +1

    Understood jotai so well. It is a simple library, I will definitely use it in my next project. Thank you for the video ❤

  • @manoj-k
    @manoj-k Před rokem

    Wow, you are great at explaining things, learnt a lot. Thank you❤

  • @nawazishali274
    @nawazishali274 Před 11 měsíci +1

    Nice content 🎉

  • @mohammadmangelie5059
    @mohammadmangelie5059 Před 4 měsíci

    Thanks for explain this, but I not able to access to the repository also

  • @nawazishali274
    @nawazishali274 Před 11 měsíci

    Make video on react authentication with jwt including interceptors and role base protected routing

  • @cafesmallhouse1751
    @cafesmallhouse1751 Před rokem +1

    really awesome video. thank you so much. i'd like to know your zip size plugin when you imported some line. what is the plugin? thanks again

  • @AnandGiri
    @AnandGiri Před rokem +1

    jotai is simplified Recoil.

  • @shafiqrezal2855
    @shafiqrezal2855 Před 10 měsíci

    sorry but i cant find the github link?

  • @panxhopver
    @panxhopver Před rokem +1

    Thanks for explain this, but I not able to access to the repository.

  • @tamarafrazzetta6864
    @tamarafrazzetta6864 Před 4 měsíci

    Thks so much :D