/react-state-management

Different ways of managing state in React JS

Primary LanguageJavaScript

React State Management

The project helps to learn the basic implementation of different state management techniques along with popular libraries. Project is built using 'create-react-app'

Live Demo

Pure React State Management

The state is managed by lifting the states within the components for the flow of data

React Hooks State Management

The state is managed by creating the custom hook and passed on to the components

Redux Thunk State Management

The state is managed by redux which maintains the store and thunk helps for asynchronous flows

Redux Saga State Management

The state is managed by redux which maintains the store and saga helps asynchronous flows

Redux Toolkit State Management

The state is managed by redux toolkit which reduces the boilerplate code and reduces the logic handling effort

Recoilt State Management

The state is managed by recpil which reduces works on atoms, selectors with hooks

RxJS State Management

The state is managed by RxJS which helps the state flows with observers and observables

MobX State Management

The state is managed by MobX which helps the state flows with observers and observables

To run it locally

  • clone the repo
  • Navigate to 'source_code'
  • Run npm install
  • Run npm start