https://github.com/sadanandpai/react-state-management

Different ways of managing state in React JS
https://github.com/sadanandpai/react-state-management

reactjs redux

Last synced: 9 days ago
JSON representation

Different ways of managing state in React JS

• Host: GitHub
• URL: https://github.com/sadanandpai/react-state-management
• Owner: sadanandpai
• Created: 2020-12-06T13:44:41.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-07T10:38:59.000Z (almost 4 years ago)
• Last Synced: 2024-04-13T21:55:53.939Z (7 months ago)
• Topics: reactjs, redux
• Language: JavaScript
• Homepage: https://sadanandpai.github.io/react-state-management/
• Size: 1.65 MB
• Stars: 8
• Watchers: 2
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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`