Picking From 20 React State Managers

Is that a real background❔

Hey Jack thanks for the video. Has your opinion changed on any of the state management libraries also if we can get a 2023 update on this video. Thanks

Amazing content. I'm new and this makes it easier to understand across the state managers.

I liked it, but you need to take into account how easy they are to unit testing, it is an important factor in teams that do a lot testing or TDD, it is not the same developer experience when test mobx, redux, or xstate.
Do you have any video about it?
Thanks and Greetings

I did a udemy course for a full stack project where the instructor used MobX and since then I have not been able to use other state management tools to that extent. I want to use redux toolkit but I am not confident using it.

Many say that redux is good for large scale applications but I am more familiar with MobX so I am not sure what to use for a professional project.

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

Thank you for such an excellent video Jack. Really informative 👍

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

great one, thanks!!!

Hey, I’m new to this and I’ve only used context api for my personal project. Now I’m working on a group project where it uses SWR, which state manager would work well with it?

saved my messed up brain 🤯 really thanks

Great work.

how do we put business logic in custom library ?

Could I use two state managers in the same project?

No easy-peasy?

i think forget about react and just move to vue js 😂

Hi, what’s the tool / setup you use to free draw on the editor?

sir, currently I am using nextJs with reduxtoolkit & rtk-query, can it be made simpler(less boilerplate) by replacing it with react-query & zustand ?

Jack glances at the product requirements and picks one state manager and never regrets it. He is familiar with every state manager out there. 🤯

Found another, Reactish-State , it's atomic in nature like jotai/recoil but has simple setups like zustand , let us know if it can be a good choice or not

great overview

Awesome! Could you do a tutorial about using signals from preact, please?

Good overview, but I was hoping to see how these libraries are handling complex states, that's where all the troubles start in vanilla react and when you start looking for alternatives. For example let's say you have a state with the dynamic number of button groups, the number of buttons in each group is also dynamic, and each button's state is an object (color, label, etc). Now you want to change a color of button X inside group Y, and you want only that button to re-render. Something like that, where default shallow state comparison stops working and it becomes very difficult to surgically change state and re-render individual components.

wow, that was great!

About to watch this video. I love Jack's videos... But before watching this... I am annoyed... not from Jack but from react... and other frameworks... Why or Lord why.... are we using state management frameworks such as React, then having to bring in other resources to manage state??? Am I the only one who thinks that is ridiculous???? Perhaps... react, Vue, Angular... etc... should all work on their state management a little more so that we do not have to import other state management resources...

Yes sure... React has Context now, and we can now use custom hooks to manage state.. but we all know that Context is slow and that using a custom hook is still not as simple as it should be..

I find that it funny that all these javascript frameworks to re-render the dom are silly. How about a framework where when you declare a variable you can say it is part of state..
eg... as an example....
const as state color = "red"

or for memoriazation....
const as state if not changed color = "red".

We can even make declarations be local or global...

eg... const as state local = "red"
or... const as global = "red".

Or we can make files to store global state variables...

All of state management, all of it... should be handled in it's declaration... regardless if the variable is scalar or reference..

I find that state management in modern frameworks make reading code a bit more difficult then it needs to be.

As someone who has been involved with software engineering since before the internet existed.. this is all silly.. it really is..

Seriously.. we have Chat GPT which can write code for us now.. but we still cannot make state management in Javascript be simple.. It boggles my mind..

I love React hooks.. I really do.. but back in 2001.. I loved using class methods even more... Anyone out there ever learned and used Smalltalk??? That was a wonderful language back in the day....

Anyways.. all of us coders are screwed with Chat GTP... unless we all become masters at CSS and UI/UX design.... We all better become mechanics and carpenters... Because in the next few years, few months, few days.. a successful programmer will be someone who knows how to ask Chat GPT the right questions and directions....

Anyways, enough about the rant. I love Jacks' videos.. But we all better find a way to find a living off of living in the A.I. revolution.....

do you know of any open source apps that extensively use a state machine for UI navigation?

Nice hard work
Thanks !!

Recoil state is not global, unfortunately. Even though the atom definitions are global, the state itself is stored in the Recoil root within the React tree.
Atom effects can be used to connect to global state, but you can't really control the lifecycle, so good luck disposing your websocket connection in that scenario.
The ability to chain async state dependencies is a Recoil super power however.

I love working with MobX but most devs prefer Redux and now when you showed how Redux Toolkit works and how less boilerplate it needs, I believe I will choose it as the main one (dependent on business needs of course)

Thank you for making this video. Saves me a bunch of time, but still alot to think about :-)

This video was really informative. Thank You!

You didn't say much about how/if Redux Toolkit causes re-renders.
Does changing state in the store causes all wrapped components to re-render just like with context hook?
Do you have another video that elaborates on this?
Thanks!

Great video and there’s a lot you covered I’m bit surprised that you didn’t cover Recoil

Why not add useContext to the vanilla example?

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.

Excellent demo. Thanks.

thank you for marking this video.

This is really helpful, thank you

A little question, it would be nice if you could explain a bit more about separating the business logic of the code source, because I cannot imagina a way of doing that.
I'm going to check in the videos of the channel to see if there is one video about that :)

What? How many? Damn... I knew maybe like 3

great review + huge work done on github project. thx

Great content, thank you. I personally use Apollo Client, React Hook Form and also Reactive Variables from Apollo client to handle the Client side state. I used to couple Apollo Client with React context, until Apollo came up with reactive variables, so I don't introduce another state management tool anymore, and just handle everything with Apollo Client.

impressive ,i find it quite useful thanks for your effort

Hi Jack, it’s really neat how you can “draw” on your code screen - are you using Surface or iPad for that?

Great video. Thanks!

Impressive amount of work 👏

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 ❤️❤️