Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anthonyrovira/counter-state

A simple demo project that implements counters using a different state management library for each.
https://github.com/anthonyrovira/counter-state

counter reactjs redux state-management usecontext zustand

Last synced: about 5 hours ago
JSON representation

A simple demo project that implements counters using a different state management library for each.

Awesome Lists containing this project

README

        

# React Counter - State Management


A simple demo project that implements counters using different state management technologies for each.


![thumbnail](thumbnail.png)

## Live demo
URL: [https://counter-state-management.netlify.app/](https://counter-state-management.netlify.app/)

## About The Project
This project has been developped using ReactJS. This is a very simple architecture made for learning purposes.
### State Management
So far, three state managers are implemented in the same project:
- Redux
- Zustand
- useContext (+ useReducer)

### Other informations
- Each counter goes from 0 to 10.
- To help understand, open the Console section of the browser inspector and get into the 3 children components to see how it works.

## Get Started

Install the dependencies:

```sh
$ yarn
```

Run in dev mode:

```sh
$ yarn start
```

## Contact 📭
If this project helped you in a way, please don't forget to **give it a star ⭐!** Thanks again!

Any questions, [hit me up on Twitter](https://twitter.com/anthonyrovirajs).

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.