Recoil VS rematch

Atom-based: splits states into tiny pieces of data called atoms, which can be written to and read from using React hooks. In this group, we have Recoil and Jotai.

recoil -> Designed to solve a specific problem. Not good for all use cases. Understand it first! You can learn more about it here.

Recoil Official Website

Recoil 🌀

Atomic libs include Recoil, Jotai, and the one I maintain: Zedux. Zedux especially was designed to work well with sockets and RxJS observables and has been getting some traction recently, so of course I recommend checking it out. Feel free to hmu with any questions.

However you may find better luck with Recoil which is developed by Meta, and is designed to work with Async data, and is a much simpler project to get started with.

Recoil introduced a new pattern for storing state and propagating updates. This atomic model has proven to scale up better than the singleton model at the cost of some hefty learning curves.

recoil is extremely similar to Riverpod but for React (both are backed by a data flow graph).

Before we proceed you can check the project on github. This implementation is for learning purposes, for production use check Jotai or Recoil.

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.