Jotai React State Management Tutorial - Jotai Crash Course For Beginners

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? buymeacoffee.c...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
🐙 GraphQL Course: codedamn.com/l...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: pedrotech.co
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/mac...
Business Email: [e-mail]
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
ReactJS Tutorial
ReactJS
NodeJS Tutorial
API Tutorial
#reactjs #jotai

[@ROVAKAN]

Passing the state itself as an argument to another state in order to render some calculated data is very sensetive. It may cause circular reference errors. I think i will relay on redux

[@PedroTechnologies]

You raise an interesting point about potential circular reference errors when passing state as an argument to another state, buttttttt Jotai actually has built-in safeguards to prevent circular dependencies

[@cantcode1001]

I’m new to state management, but couldn’t you just derive your values in the component you’re using those values in? Wouldn’t that also solve that issue? Why derive values inside the state itself? Btw love these videos. Keep it up!!!!

[@PedroTechnologies]

@@cantcode1001 You could do that but the derived atoms don't have the issues that a derived state would because of how its made. An atom made from another atom in jotai is not the same as a state made from another state using the react api.

[@lfellidev]

Great and simple library I'll try in some projects, another similar library is "Zustand " and in my opinion is simpler than Jotai.

[@PedroTechnologies]

I like zustand too! I actually like it more, but some people might find the atom structure of jotai better

[@sick73]

Pedro enjoying the 'Soul Glo' look... :D

[@life_in_gen]

Hey thank you for this :) I havent seen a lot of your videos but I prefer your teaching method. But one thing I look for a tutorial is showing first a simple concept like what you did here. And then jumping straight to real-world example how you would use it in a production app from basic to complex. Anyways appreciate this TYSM!

[@alvingultiano7513]

Brother, may I request that you create a tutorial on how we can efficiently utilize both React Query or Zustand or Jotai with Neon or another cloud-based database? I would like to see how others have done it so I can compare if my approach is similar to theirs

[@alvingultiano7513]

zustand or jotai ? It`s good for large scale project ?? need answer here ??

[@PedroTechnologies]

Either, but i personally prefer Zustand.

[@alvingultiano7513]

@@PedroTechnologies just like a thought base on performance right :D .. thanks bro :D

[@alvingultiano7513]

@@PedroTechnologies but sad to say, big companies in Philippines doesn't adapt this kind of approach they prefer the hard thing :D .

[@sitaganesh5298]

React js(vite) + django ecommerce website tutorial please 🥺

[@swopnilmaharjan8630]

hello! can you bring some crash course on bullmq to queue sending emails.. i am getting kinda stuck on the process.. any article on that would help..