Turbocharge React Shopping Cart: Jotai State Management!

  Рет қаралды 2,274

Mafia Codes

Mafia Codes

Күн бұрын

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: kzfaq.info...
--------------------------------------------------------------------------
💵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

Пікірлер: 13
@lucasdias1348
@lucasdias1348 2 ай бұрын
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.
@salahaldinedouard5299
@salahaldinedouard5299 Жыл бұрын
You are most deaf one of my favorite, KZfaq teachers. Thanks so much mafia.
@manoj-k
@manoj-k Жыл бұрын
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 Жыл бұрын
Wow, you are great at explaining things, learnt a lot. Thank you❤
@nawazishali274
@nawazishali274 11 ай бұрын
Nice content 🎉
@mohammadmangelie5059
@mohammadmangelie5059 4 ай бұрын
Thanks for explain this, but I not able to access to the repository also
@nawazishali274
@nawazishali274 11 ай бұрын
Make video on react authentication with jwt including interceptors and role base protected routing
@cafesmallhouse1751
@cafesmallhouse1751 Жыл бұрын
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
@mafiacodes
@mafiacodes Жыл бұрын
Import cost
@AnandGiri
@AnandGiri Жыл бұрын
jotai is simplified Recoil.
@shafiqrezal2855
@shafiqrezal2855 10 ай бұрын
sorry but i cant find the github link?
@panxhopver
@panxhopver 11 ай бұрын
Thanks for explain this, but I not able to access to the repository.
@tamarafrazzetta6864
@tamarafrazzetta6864 4 ай бұрын
Thks so much :D
Mastering React Context: Do you NEED a state manager?
37:26
Jack Herrington
Рет қаралды 97 М.
Alat Seru Penolong untuk Mimpi Indah Bayi!
00:31
Let's GLOW! Indonesian
Рет қаралды 16 МЛН
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 4,3 МЛН
1 or 2?🐄
00:12
Kan Andrey
Рет қаралды 51 МЛН
Build a Shopping Cart With React JS & Stripe
1:16:28
Traversy Media
Рет қаралды 109 М.
Smarter and Simpler React State
26:46
Jack Herrington
Рет қаралды 55 М.
Mastering Typescript State Management using just React
31:57
Jack Herrington
Рет қаралды 15 М.
Rebuilding Jotai State Manager for React in 20 Minutes!
20:25
Jack Herrington
Рет қаралды 31 М.
Jotai Async
18:47
Sinclair Software
Рет қаралды 1,3 М.
Managing React Application State Management - Talk by Kent C. Dodds
30:15
freeCodeCamp Talks
Рет қаралды 61 М.
Alat Seru Penolong untuk Mimpi Indah Bayi!
00:31
Let's GLOW! Indonesian
Рет қаралды 16 МЛН