Comparison of react state management + Dev story + Testing for Redux Toolkit, Zustand, Jotia, and Valtio

react-state-management.md

A demo "counter" + async application (codesandbox) is provided for each of the following four state libraries. The Zustand codesandbox includes three versions: vanila, immer, and redux-like

Redux Toolkit

• https://codesandbox.io/s/github/reduxjs/redux-essentials-counter-example/tree/master/?from-embed
• https://redux-toolkit.js.org/tutorials/quick-start
• https://redux.js.org/usage/writing-tests

OpenAPI

RTK Query has a (currently experimental) code-gen tool that will take an OpenAPI spec or GraphQL schema and give you a typed API client, as well as provide methods for enhancing the generated client after the fact.

• https://redux-toolkit.js.org/rtk-query/comparison
• https://github.com/rtk-incubator/rtk-query-codegen

Zustand

• https://codesandbox.io/s/zustand-counter-demo-forked-86yr0
• https://github.com/pmndrs/zustand/wiki/Difference-between-zustand-and-valtio
• https://github.com/pmndrs/zustand/wiki/Splitting-the-store-into-separate-slices

Jotia

• https://codesandbox.io/s/jotai-counter-example-4bg2z
• https://github.com/pmndrs/jotai

Valtio

• https://github.com/pmndrs/valtio
• https://codesandbox.io/s/valtio-counter-example-p1wey
• https://github.com/pmndrs/valtio/wiki/How-to-persist-states
• Testing: https://github.com/pmndrs/valtio/blob/main/tests/basic.test.tsx#L21-L44