I Tried 5 Redux Alternatives and Here is the Best one

If you don't know already, there are many other great state-management libraries for React! Yes, and they have very nice features and an easy learning curve. In this video, I tried 5 Redux alternative libraries and built the same app with them to see which one is the best and where you should use each one for each case.
⭐ Timestamps ⭐
00:00 Intro
01:46 The App we gonna test with
02:12 1. Zustand
04:28 2. Recoil
07:25 3. Jotai
09:49 4. Rematch
09:44 5. Redux-Toolkit
14:27 Which one is the Best?
⚡️ Redux Alternatives Repo
github.com/ipenywis/redux-alt...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Turn Design into React Code | From prototype to Full website in no time
• Turn Design into React...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like ...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipenywis
Made with 💗 by Coderone

[@rimzzlabs]

Jotai is more comfortable with me, save a lot bundle size, easy peasy management, and writing functional programming is wild

[@wralith]

I really like how Zustand solve the state problem without creating more problems to deal with, at least in the simple apps. Btw what font do u use in vscode?

[@Yusuf007R]

yep, it just do what it have to do

[@novaiiee]

Jetbrains Mono

[@pablomaidana7420]

The ones I liked the most were rematch and recoil. Missing from the list to review Mobx

[@lactobacillo79]

There's also MobX which is still a valid alternative for state management.

[@thegrumpydeveloper]

Think react query and form libs need to be mentioned because those are alternatives that help offload what people think of as “global” state and help organize slices of state.

[@TannerBarcelos]

I love Zustand - just wish you could separate state into slices like Redux. I understand that design a little better

[@ob34915]

if they are the same just use Redux, what's the point of learning Zustand

[@golfgrab9481]

it can

[@azeek]

you can do that

[@somedude6420]

each createStore is a slice of its own, at least that's how i understand it

[@kelvinchin5942]

For me, I don't think that recoil's atom cannot store function is a problem as we can export the function and give it the required fields. Maybe there's some use case that needs to store functions in a global state? I'm not sure, at least I don't encounter it yet

[@j3k2006]

In recoil you can write selectors that take care of this, like a middleware between atoms and your components. Or am I missing something here, it's all quite new to me

[@jimmyj.6792]

What do you think about Valtio ? 🤔 do you already try it ?

[@tjcurran6041]

Base Redux users are masochist 😅

[@crr4141]

Siempre pense que redux era horrible, ahora por fin veo que hay mejores alternativas

[@rjborba]

I do not know about all the up to down approach libs… I clouds be wrong, but it always feels like a monolithic application. Too much thing in a single react component. Usually what I’m doing is to use JOTAI every time that I want the state to be shared among componentes and I create a custom hook to manipulate the data. This custom hook introduces all methods needed globally to manipulate data. It allows me to use things like SWR to controle the server state, for example.

[@ju_dev]

Zustand is german and means state

[@haha-eg8fj]

And jotai is Japanese and also means state.

[@martiananomaly]

And both are made by the same people ;)

[@zebcode]

You talk about how jotai is super simple, but I fear your excitement got the better of the demo. Clearly, you're passionate about it, but you went way too fast for someone who is trying to get an idea about how it works. Still a great talk. I'll have to skim over it for now and research myself which is fine but because you went too fast it just makes it feel way more complex.Oh god it gets even faster after that... I had to drop it... you killed my brain. I mean I've had a day of work, I'm tired, it would really help if you'd slow down.

[@hikionori]

I tried Legend State manager Is amazing

[@yousure9843]

i think zustand is easier, and i will vote for zustand

[@SahraClayton]

don't some people just use React-query now as a state manager if all they need to do is share data from server to components.

[@guruananda1189]

Why are you trying to make recoil to be like redux/zustland?

[@maacpiash]

Hold on, Redux Toolkit is a Redux alternative? 😮

[@thegrumpydeveloper]

Legend state prob didn’t exist but it’s api is also nice and clean

[@khaledsanny4817]

Since Zustand and Jotai are both really light ... why not just use both of them ? So for quick useState-like stores, you use Jotai and for fully managed stores you use Zustand ? what do you guys think about it ?

[@zebcode]

I think you should just use one thing and be consistent throughout your app. Using two systems to do similar things like that is just adding complexity and unnecessary bloat; even if it is small.

[@advancedprogramming62]

yes, easier you can use createApi

[@iiNoorbd]

Zustand >

[@ademyagmurlu1825]

I think best alternative is easy-peasy.

[@Sk8Clipper]

agreed!!

[@robbinluo2810]

How about usecontext?

[@jii808]

useContext is good for state that doesn't change often like light/dark theme mode. useContext causes all components subscribed to it's values to re-render when a value changes. react-tracked can help improve performance of useContext but there are better solutions for frequently updated global state.

[@thorw2136]

​​​@@jii808i wish I would've come accross this comment 1 month earlier. I don't know why people/ content creators don't tell from start what's best practices. They would rather teach application of usecontext and leave at that. But they hardly tell when it should be used and what are its limitations and drawbacks. Surprisingly enough I found out yesterday what it does after I enabled highlight component on rerender option In react profiler

[@jii808]

@@thorw2136 I don’t think most content creators know themselves. I’m using Zustand mostly for global state, react query for server state. Context rarely.

[@eneiarestivan]

Jotai

[@kord1327]

Have u tried Easy peasy ?

[@somedude6420]

i checked, and i think zustand and easy peasy has similar implementation, for *creating a store* that is, except that with zustand there is no Provider

[@Buzzilio_]

Best Redux alternative I choose React useContext + useReducer

[@pikachu5223]

context kinda sucks

[@thorw2136]

Trust me u would hate it in long run if you understand what impact it is causing once your application becomes complex and large.

[@somedude6420]

it's a pain to implement for us, we used it, and there's just so much to do. We switched to zustand, and it has never been easier

[@97-bibhutiswain59]

You forgot mobx

[@kimbapslayer1995]

I wish typescript was t the standard in KZbin tutorials anymore. It's very confusing to see as I'm still trying to understand more complex JavaScript and advanced React stuff. So to through in typescript is a little bit much for me, personally. I feel like it's only really used in very public facing production environments too.

[@AveN7ers]

The big channels like Net Ninja, Web Dev Simplified and Academind use JavaScript instead of TypeScript

[@lardosian]

You will get used to it, not easy at the start but you should learn it.

[@kimbapslayer1995]

@@lardosian I feel that lol

[@Saradomin65]

I'm no TS expert (still learning phase). But once I touched TS, I don't feel like going back to just JavaScript, it's just that good.

[@brunospasta]

Typescript is really the only tool we have right now to deal with that abomination of a language.

[@afdhaliapreto7703]

easy peasy redux.. 😅😅😅

[@ashimov1970]

Valtio is the BEST

[@LucasPedroso25]

coming soon... use-state-global-redux, redux easy =)