1. Redux
2. MobX
3. Recoil
4. Akita
5. Hookstate
6. React Query
7. Eazy Peazy
8. Zustand
9. xState
10. Flux
11. Overmind
12. effector

## 1. React Redux
https://github.com/reduxjs/react-redux
https://react-redux.js.org/

- Maintained by the Redux team
- Designed to work with React's component model. 
- Enable your components to interact with the Redux store
- complex performance optimizations

## 2. MobX
https://github.com/mobxjs/mobx
https://mobx.js.org

A battle tested library that makes state management simple & scalable

The philosophy behind MobX is simple:
- Straightforward
- Effortless optimal rendering
- Architectural freedom

## 3. Recoil
https://github.com/facebookexperimental/Recoil
https://recoiljs.org/

- Minimal and Reactish
- Data-Flow Graph
- Cross-App Observation

Demo : https://youtube.com/watch?v=_ISAA_Jt9kI

## 4. Akita
https://github.com/datorama/akita/
https://datorama.github.io/akita/

Reactive State Management Tailor-Made for JS Apps

- Built on top of RxJS
- Uses object-oriented design principles instead of functional programming
- Saves hassle of creating boilerplate code

## 5. Hookstate
https://github.com/avkonst/hookstate
https://hookstate.js.org/

Simple but incredibly fast and flexible state management that is based on React state hook

- First-class Typescript
- Incredibly Fast
- Feature Rich
- Development Tools
- Plugins System
- Easy to Use

## 6. React Query
https://github.com/tannerlinsley/react-query
https://react-query.tanstack.com/

Performant and powerful data synchronization for React

Fetch, cache and update data in your React and React Native applications all without touching any "global state".

## 7. Eazy Peazy
https://github.com/ctrlplusb/easy-peasy

An abstraction of Redux, providing a reimagined API that focuses on developer experience

- Zero configuration
- No boilerplate
- React hooks based API
- Extensive TypeScript support
- Encapsulate data fetching

## 8. Zustand
Live Demo: https://codesandbox.io/s/dazzling-moon-itop4
https://github.com/pmndrs/zustand

Small, fast and scaleable bearbones state-management solution. 
Has a comfy api based on hooks, isn't boilerplatey or opinionated
Still just enough to be explicit and flux-like

## 9. XState
https://github.com/davidkpiano/xstate
https://xstate.js.org/docs/

XState is a library for creating, interpreting, and executing finite state machines and statecharts, as well as managing invocations of those machines as actors. 

- Finite State Machines
- Statecharts

## 10. Flux
https://github.com/facebook/flux
https://facebook.github.io/flux/

Flux is the application architecture that Facebook uses for building client-side web applications.

It complements React's composable view components by utilizing a unidirectional data flow.

## 11. Overmind
https://overmindjs.org/
https://github.com/cerebral/overmind

Overmind aims for a developer experience where that is all you focus on, reducing the orchestration of state management to a minimum. Making you a happier and more productive developer!

## 12. Effector
https://effector.dev/
https://github.com/effector/effector

**Type Safe**
TypeScript and Flow support out of box.

**Framework agnostic**
Can work with any UI or server framework.

**Developer-friendly**
Simple API surface and helpful community.

**Maximum performance**
Static initialization provides boost in performance for runtime.

**Tiny bundle size**
Effector uses Rollup and Terser to provide small builds.

**Plain javascript**
No decorators, no proxies, no classes required. Only you and your data.


## Follow for more content
Hope you like this list, follow me on twitter for more amazing content [@sarthaksavvy](https://twitter.com/sarthaksavvy)

Sarthak

12 React State Management Tool

1. Semantic UI
2. Material UI Kit
3. Ant Design
4. Storybook
5. Shards React
6. Material UI
7.  React Bootstrap
8. Blueprint
9. Onsen UI for React
10. Evergreen UI
11. Chakra UI
12. Tailwind React UI



## 1. Semantic UI
https://react.semantic-ui.com

Semantic UI React is the official React integration for Semantic UI

* jQuery Free
* Declarative API
* Augmentation
* Shorthand Props
* Sub Components
* Auto Controlled State

## 2. Material UI Kit
https://demos.creative-tim.com/material-kit-react/#/

This kit have many basic elements such as buttons, badges, sliders, menu, pagination, navigation bars, tabs and pills.


## 3. Ant Design
https://ant.design/docs/react/introduce

This React UI library is a design system for enterprise-level products. 

It’s based on the Ant Design project and contains a set of high quality components and demos for building rich, interactive UIs.



## 4. Storybook
https://storybook.js.org

Storybook is an open source tool for developing UI components 

Written in isolation for React, Vue, Angular, and more. 

It makes building stunning UIs organized and efficient.

## 5. Shards React
https://designrevision.com/downloads/shards-react/

A high-quality & free React UI kit featuring a modern design system with dozens of custom components.

## 6. Material UI
https://material-ui.com

React components for faster and easier web development. 

Build your own design system, or start with Material Design


## 7. React Bootstrap
https://react-bootstrap.github.io

The most popular front-end framework

Rebuilt for React



## 8. Blueprint 
https://blueprintjs.com

A react based UI kit for React


## 9. Onsen UI for React
https://onsen.io/react/

Create beautiful high-quality hybrid mobile apps the fastest way
with React and Onsen UI.

## 10. Evergreen UI
https://evergreen.segment.com

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

## 11. Chakra UI
https://chakra-ui.com/

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

**Less code. More speed**
Spend less time writing UI code and more time building a great experience for your customers.

## 12. Tailwind React UI
https://emortlock.github.io/tailwind-react-ui/

Tailwind React UI provides ready built components that make use of Tailwind CSS utility framework.

If you're unfamiliar with the concepts behind Tailwind you can get an overview at https://tailwindcss.com/docs/what-is-tailwind:

Creating a framework for building custom UIs means you can't provide abstractions at the usual level of buttons, forms, cards, navbars, etc. Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces.

Tailwind React UI leverages these utility classes to provide base level components that are common across various projects, whilst still offering the ability to customise the output to match your project's style.

## Follow for more content
Hope you like this list, follow me on twitter for more amazing content [@sarthaksavvy](https://twitter.com/sarthaksavvy)

12 React State Management Tool

React

Sarthak

12 Amazing React UI Library or Frameworks

React

Sarthak