https://github.com/rodrigorvsn/zoro
⚔️ My Client Management Tool for React without dependencies
https://github.com/rodrigorvsn/zoro
client-management react state store typescript vite
Last synced: about 2 months ago
JSON representation
⚔️ My Client Management Tool for React without dependencies
- Host: GitHub
- URL: https://github.com/rodrigorvsn/zoro
- Owner: RodrigoRVSN
- Created: 2022-11-03T01:49:29.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-06T02:43:52.000Z (over 3 years ago)
- Last Synced: 2025-09-20T13:49:50.702Z (9 months ago)
- Topics: client-management, react, state, store, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 24.4 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# zoro
## Why Context Api using a state (useState) is bad for Client State Management?
- In React, when a state changes, all the components using their states are rerendered. This is not necessary in cases which the component is not using that specific data.
## What strategy is being use instead a state?
- The context is using a `useRef` to store and change the value in provider, and the `useSelector` hook in `lib/useSelector.tsx` is using a `useState` being instancied in each component with the respective value being used in that component, managed by the `listenerId`, using and updating the values from the `useRef` of the Context Api.
- This strategy is based in Redux and Zustand.
___
## 💻 Prerequisites
- Install LTS Node version.
___
## 🛠 Tools used
- React (Vite)
- Typescript
- React hooks
___
## 🚀 Installing zoro
#### Clone repository
```powershell
git clone https://github.com/RodrigoRVSN/zoro.git
```
#### Install dependencies
```powershell
yarn
```
#### Run app
```powershell
yarn dev
```
___
## 📫 Contribuiting with zoro
To contribue with zoro, follow the steps:
1. Fork this repository.
2. Create a branch: `git checkout -b `.
3. Make the changes and confirm: `git commit -m ''`
4. Send to original repository: `git push origin / `
5. Send the pull request.
Alternatively, see the GitHub documentation at [how to create a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request).
___
## 🤝 Contributors
Made with ❤️ by:
