Picking From 20 React State Managers

I built the same project with twenty different React state managers. I'll show you around the different models of state management using libraries like Recoil, Akita, Redux using Redux Toolkit, Mobx, and more!

👉 What's my theme? Night Wolf [black]
👉 What's that font? Operator Mono

00:00 Introduction
01:11 State Management using Hooks
01:56 The Application
03:26 Example Code - Prop Drilling
08:11 State manager with Finite State Machines
09:06 Example Code - XState
11:33 API plus State Management
12:23 Example Code - React-Query
13:38 State Management with Context
14:03 Example Code - Context with Hooks
16:23 Reactive State Management
17:28 Example Code - Akita
20:03 Atomic State Management
21:08 Example Code - Recoil
24:28 Uni-Directional State Management
25:18 Example Code - Redux Toolkit
27:49 Bi-Directional State Management
28:54 Example Code - MobX
31:24 Is Your State Really Global?
32:24 Separating Out Business Logic
33:22 What Would I Use?
34:53 Outroduction

#react #stateManagement

[topsoilgargoyle]

Jack, your level of detail and research is second to none. Through your videos, I feel i've become a better problem solver and decision maker. A big thanks

[GVal]

Great video. Important addition for everyone watching this: Don't use state managers for fetching data, use React Query and you will find that probably 90% of your state is actually server state. And React Query is handling refetching, loading state, errors and caching for you out of the box.

[robinkehr]

Using an expression in the dependency array is something i probably would never have thought of! Seems like a super useful technique though! Thanks for that! Also, love zustand especially in combination with immer once you get used to the mental model! <3

[elishashapiro]

Simply great presentation. I've done some research myself about different libs available for state management, but most of the resources out there compare just a couple of libs. You on the other hand compared almost exhaustive list of state management libs and concepts, giving the ability to distill those concepts into different categories. This is an amazing work with a huge value that I don't belive I can get anywhere else in one single place.
Great presentation!
And I love that you've also added your personal views at the end, adding more flavor to it, that is also based on relational thinking and business consideration.

Awesome content!
Keep em coming...

[ajeetchaulagain]

I have been developing react app for couple of years. But watching your videos makes me re-think about my prod code, and I definitely get some improvements and refactor in the code base !

Man you are legend for preparing clear and concise content. Keep up the hard work ❤️❤️

[mandalorian]

simply insane comparison. Im lost for words and the repo for free to go over it. You are a legend! I've been working as a full stack dev for a couple of years now, and yet only came across local and global state implementations. Hopefully with time and practice will get to the level of thinking in architectural way. Props for another great video

[CosteaMelniciuc]

Actually fantastic work here, we're in the transition of deciding what state manager and model should we go into our business application, and it creates a lot of fuss and confusion, this video's very very interesting and really perfect timing for us :)

[cryptus_neoxys]

The effort put into this single video is unreal 🤯

[johncmm]

You are such a good teacher, thank you for sharing your knowledge with us. I love your calm demeanor and way of communicating ideas!

[rosenthalpiano]

Would love to see a video on your point about business logic along with some examples of architectures/patterns that should be considered to keep it externalized.

[mhammedimran]

I just appreciate that you're are experimenting with your content. Great work.

[drewbird]

Incredible how much work and how informative this video is. Thank you Jack, for all the value you share!

[petrhavlik]

I just came across to this video by a coincidence, but it is really good stuff! I am just surprised why it doesn't have more views, your presentation (as well as the code) is very clean plus the value I get from it considering the length of the video is excellent!

[jaricurty]

Hello Jack, I really appreciate your video quality and subjects you're generally covering. I had a topic that could be of interest to many JS coders; namely "How to set up a NPM module with typescript types and codes that are reused between different project we're working on". Maybe you've already covered it? In all cases, enjoy 2022! (PS: I totally share your API+ approach but with React-Location as router plus I tend to avoid any state manager but using React-Query and the React-Location search URL as a replacement)

Best overview of current state managers yet! Great work :)

[gzuzmark]

Thanks Jack. This categorization is really helpful 🤘

[naranyala_dev]

wow, you covered what most people don't think, thank you

[fasolplanetarium]

Wow, excellent information - thank you. I've been digging deeper into React after having used Vue professionally for the last two years. Such a comprehensive rundown of all of the various state management solutions in the React ecosystem is incredibly helpful. Even if I may not ever use all of them, I certainly appreciate better understanding what my options are.

Looking forward to more of your content.

[jcen]

Learning RTK Query for a job interview and your content has been super helpful!

[karsongrady]

Great stuff, can't thank you enough. Happy new year, Jack