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/yourstruly267?sub_confirmation=1
--------------------------------------------------------------------------
💵Support the channel:
Paypal: https://www.paypal.me/trulymittal
Patreon: https://www.patreon.com/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-tutorial/tree/starter-project
Github (complete project): https://github.com/trulymittal/jotai-tutorial
======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB): https://www.youtube.com/playlist?list=PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT
#API Authentication using #JWT: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0ygjV4yGXNct25jY_ue70U
#Firebase: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2NimxW3piNqEVBWtXcraz-
Docker: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0gFlL8AXvZdAHsvpkuW0Ba
MongoDB:
https://www.youtube.com/watch?v=liocKBCVJyw&t=7s
Html/Css/Js: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0saXVT9gfb2MESkiHG8YbP
Android: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2cv8zhK-zQx2qXfJKap9kU
Challenges: https://www.youtube.com/playlist?list=PLdHg5T0SNpN20F2v0xYWeLRZtdehexzDi
#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android