Learn how to manage state effortlessly in React with Jotai! 🚀 In this crash course, we dive into atoms, derived states, and async state management, all while building a fully functional shopping cart. Simplify your code and boost performance with this lightweight state management library. Perfect for beginners and pros alike! 💡
Want to Support Me? https://buymeacoffee.com/pedrow
🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects
🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: pedrotech.co
Linkedin: https://www.linkedin.com/in/machadop1407/
Instagram: https://www.instagram.com/pedro.fmachado_
Github: https://github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 https://amzn.to/42kqFuM 💻 Monitor
🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse
📷 https://amzn.to/3OHJvbM 📷 My Camera
🎤 https://amzn.to/3oxSthj 🎤 My Microphone
⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background
Timestamps: 00:00 Intro & Overview of Jotai
00:41 What is Jotai & Its Benefits
02:06 Minimal Setup & Ease of Use
03:07 Understanding Atoms & Providers
04:34 Creating a Simple Counter App
06:21 Incrementing & Decrementing Counter
09:25 Accessing Global State with Jotai
10:51 Derived State: Doubling Counter
12:58 Fetching Data with Async Atoms
15:40 Building a Shopping Cart Example
25:44 Key Takeaways & Final Thoughts
27:30 Conclusion & Code Resources
Tags:
- ReactJS Tutorial
- ReactJS
- NodeJS Tutorial
- API Tutorial
#reactjs #jotai