agile VS rematch

If you want to know more checkout this repo:https://github.com/agile-ts/agile

I was wondering about this weird question as I'm trying to build a fast State-Management framework. And currently, I'm micro optimizing it to make it as fast as possible.

I faced the same issue, and so I created a State Management library (AgileTs) based on the neat atom concept of Recoil. AgileTs isn't bound to React, and therefore the global States can be modified and accessed outside the React tree.

Doucmentation

This allows you to preview and edit your global bound States at runtime. For example, the core of the AgileTs documentation is globally bound for better debugging. Note that you should avoid attaching your application States to the globalThis in production because then third parties can easily interfere in your internal application logic. Since the AgileTs documentation has no vulnerable logic under the hood, the core is also accessible in production. Thus you can play around with the AgileTs documentation core and, for example, update the NPM_DOWNLOADS State or update the astronaut color.

It might sound self-indulgent, but my favorite State Manager is, of course, the one I've created myself called AgileTs. It's a singleton-based State Manager, which means your States are singletons, and are not tied to a single source of truth store object. This gives you much more flexibility in structuring your store the way you need it. Here are some Style Guides on how you might structure your application using such a singleton State Management approach \^)

Well.. AgileTs is a simple state manager that is supposed to be an alternative to redux, mobx and zustand..

Well.. that depends on the project.. (In my opinion) There is often no need for external dependencies on small projects like a single-page application, apart from nextjs, (since I want good performance). If it's a more significant project with more advanced logic, I always have a State Management Framework like AgileTs in action because passing states through multiple components is annoying. Regarding UI components, I try to build my own components as much as possible and only use external components if these correspond precisely to my needs. For instance, toastify is often an external dependency in my projects.

Link: https://rematchjs.org/

I use Rematch. It’s built on top of redux but without all the ridiculous boiler plate. I looked into Redux Toolkit but found it still requiring too much unneeded code.

Rematch

Rematch is a nice wrapper on redux. I’d also recommend recoil, not sure if they’re stable yet but I’ve used it in production without any issues. Depends on the complexity of your app, may be overkill using these libraries.

Rematch - this is what I used last time after careful evaluation.

I’ve always found Redux too verbose and cumbersome. Luckily I found Rematch. It is Redux best practices without the boilerplate

I'm working on a Grid component which uses react window to render the cells, Each cell uses 5 HOCs where they each subscribe to the store(I use rematch) with connect and some of the HOCs have selectors where they compute some data with a relatively expensive function. I use lodash compose to merge all the HOCs and use it in the Cell component.

Rematch has been created a few years ago by Shawn McKay and Blair Bodnar, a pair of canadian programmers. It's a tiny but super powerful wrapper around Redux that reduces tons of boilerplate that Redux needs to operate.

Checkout Rematch as a redux implementation. It is build on top of redux, but removes all the horrible boilerplate and keeps the good parts.