What State Management Library Should I Use with React?

Do I need to use Redux? Should I just use React Context? This video will explain the past, present, and future of state management to help you make the correct decision for your team, project, or organization.

0:00 – Introduction
0:15 – History of React
0:50 – Flux Architecture
1:05 – Redux
1:31 – UI State
1:43 – Server Caching State
3:48 – Benefits of Separate Libraries
2:51 – React Context (useState / useReducer)
3:25 — State Management Today
3:41 — State Machines
4:17 — xState Demo
4:45 — Why are there so many state management libraries!?
5:52 — Immutable State
6:25 — Immer Demo
6:49 — URL State
7:33 — Performance issues with React Context
8:02 — useSelectedContext & Future
8:21 — State Management Suggestions
9:00 – Conclusion

Links
–––––

–––––
VSCode Theme: Sorcerer

[TheKurotsu]

My team and I just got a new project, and our team lead wanted us to make POC for different state management libraries. This video was extremely timely!

[alvechy]

Jumping straight to XState makes one David somewhere in the world smiling

[benmitchinson]

Sent this video to a dozen devs. Great great explanation that I will be referencing for a long time.

[aaaliiiu]

now that is called awesome! thanks for the great tutorial and a taste of history.

[pieter-venter]

Thanks Lee for always having high quality videos with all the dense info in a very short time. I know it's not easy to edit a video like that and you probably need to repeat shooting parts multiple times. No "umm..." or "okay, let's wait for that to install"

[codersagora]

Hey this video is really useful for our community, thanks!

[mitejmadan]

Thank you for creating this video. It really helped me to understand react and state. I didn't know about the types of states in an app. For the past couple of weeks, i have been working on a project which requires fetching a lot of data in my next app. basically I wanted to create a dashboard. I wanted to reduce unnecessary API calls. Today I got to know about SWR. I knew about react query but never knew what it does. This video literally summed up everything. I am watching your videos for the past couple of days they are really helpful

[cheeriozkitty]

This is the best video I've seen on this topic. Thank you so much for all of the great info here.

[RYeah]

lol I said "it depends" in the same time haha, great video Lee thanks!

[geralt]

Using zustand and immer with typescript. Never enjoyed doing state management so much before.

[vs]

Such a great content but would like to see you create in depth videos for differnet state management lib or even intro to the upcoming useSelectedContext!

[aromal_anil]

Every project don't need heavy libraries like Redux/Recoil. Sometimes you just needs to create and consume global states. "react-rhino" is a library which does exactly the same with simple and straight forward syntax.

It uses Context API under the hood, but is very very simple than useContext.

[ogbillity]

use react query to manage your server state. redux and other libraries are not ideal to manage server state lifecycles. react query handles caching, fetching, and updates asynchronous data. if you remove all the server state from redux or other libraries to react query, your global state becomes very thin.

[frankybegue]

fantastic video. also appreciate the excellent bookmarking 👍

[domsbuhendwa]

Always great content
Thank you for all

[CodingNuggets]

For small projects Redux is not needed, but as a project grows it may become necessary. The Context API is great for side and small projects, but may not be enough. I use Redux mainly, but I'm starting to use react-query for my fun/side projects. Appreciate your input Lee. See you soon!

[Daniel-veyr]

would you only use a caching library like SWR if you don't expect the API results to change in the short term? for example, if you're fetching stock quotes, i would imagine you don't want to used the cached result from 2 minutes ago.

[onurbamaro]

Client state: Hookstate
Server state: React Query

I've reduced a ton of boilerplate-y code with those

Have fun

[dacks]

Your thoughts on zustand? Great vid Lee

[mikkaruru]

Thanks Lee! What state management solution can be used for keeping global state of websocket data coming from IOT sensors to dashboard?