thenewestkid

React Easy State (https://github.com/solkimicreb/react-easy-state) is a transparent - ES6 Proxy based - state management library for ReactJS. The marketing pitch of the project is this:

> It doesn't matter how you structure or mutate your state stores, any syntactically valid code works.

In this article, I try to prove this with a simple app and increasingly exotic state structures and mutations.

Easy State is a minimalistic transparent Proxy based React stage management library with a stronger focus on practicality than code beauty. V6 added sync render batching for common task sources to improve performance.

Perf benchmark is here: https://github.com/solkimicreb/react-easy-state#performance You can compare it with vanilla React, Redux and MobX. It is between Redux and MobX, but honestly all of them are pretty performant.

Complexity wise it is much simpler than Redux in my opinion, but its like apple to oranges. It is closer to MobX in philosophy and it is simpler, in exchange of narrower platform support.

Ultimately, just give it a try and judge for yourself (: https://github.com/solkimicreb/react-easy-state#installation. It takes away 10 minutes of your life at worst case.

It was nice to randomly find your name here (: Good luck with the interviews, I totally agree with your points. Your blog improved a lot since I last checked it! (The NX framework guy)

Author here. As sigden mentioned, ES6 Proxies can not be transpiled. That is one reason why they are not yet commonly used. You can find out more about them here: https://developer.mozilla.org/en/docs/Web/JavaScript/Referen... (They are pretty awesome).

No, I have never used Vuex, but I think Vue is an awesome framework. My main inspiration was monitoring my problematic situations and state management needs during app development in various frameworks.

As you wish (: You convinced me, I edited the gists and removed the antipattern. Please review it if you have a spare minute. Thx!