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: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly2...
--------------------------------------------------------------------------
💵Support the channel:
Paypal: https://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): https://github.com/trulymittal/jotai-...
Github (complete project): https://github.com/trulymittal/jotai-...
======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB): • REST API using NodeJS and MongoDB
#API Authentication using #JWT: • NodeJS API Authentication (JWT's)
#Firebase: • Firebase | Build a Notes App
Docker: • Docker
MongoDB: • Learn MongoDB in 50 minutes (Crash Co...
Html/Css/Js: • HTML / CSS / JS
Android: • Android
Challenges: • Challenges
#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
Watch video Turbocharge React Shopping Cart: Jotai State Management! online without registration, duration hours minute second in high quality. This video was added by user Mafia Codes 29 May 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,545 once and liked it 77 people.