Scalability: the Lost Level of React State Management

• redux

  42 59,928 8.8 TypeScript

  Predictable state container for JavaScript apps

  

  Alright, you knew Redux was coming.

• excalidraw

  150 54,878 9.2 TypeScript

  Virtual whiteboard for sketching hand-drawn like diagrams

  

  Please remember that this is just a dude drawing lines on Excalidraw. These lines don't accurately reflect each tool's capabilities in every aspect of every app or in the hands of every programmer. I'm trying to communicate only the general "scalability" of these tools from my experience given the scalability criteria I outlined.

• Amplication

  amplication.com

  sponsored

  Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  

• redux-toolkit

  50 9,862 8.7 TypeScript

  The official, opinionated, batteries-included toolset for efficient Redux development

  

  I'm talking about Redux pre-RTK here. Due primarily to its infamous boilerplate, raw Redux has proven to not be a very scalable solution - it's clumsy for small apps to get started with and at the same time is clunkily verbose for large apps.

• zustand

  86 35,243 8.7 TypeScript

  🐻 Bear necessities for state management in React

  

  This excellent state manager removed even more of Redux's boilerplate at the cost of some debugging power. You can think of Zustand like a very simplistic RTK that scales down way better and scales up only a little worse.

• Recoil

  32 19,091 8.1 JavaScript

  Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

  

  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.

• zedux

  11 260 10.0 TypeScript

  :zap: A Molecular State Engine for React

  

  This new tool started driving our production apps in early 2021 and has been a lifesaver in the extremes of complexity. 2 years later, we have finally open-sourced this tool as "Zedux".

• xstate

  20 24,782 8.6 TypeScript

  State machines and statecharts for the modern web.

  

  Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.

• Appwrite

  appwrite.io

  sponsored

  Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  

• TanStack Query

  32 36,329 9.3 TypeScript

  🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

  

  Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.

• SWR

  68 27,938 8.6 TypeScript

  React Hooks for Data Fetching

  

  Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.

Suggest a related project