https://github.com/leoziondev/ignite2023-react-redux-zustand
A Redux application created with Redux Toolkit and ported to Zustand
https://github.com/leoziondev/ignite2023-react-redux-zustand
axios json-server radix-ui react react-player redux-async redux-toolkit tailwindcss typescript vite vitest zustand
Last synced: about 1 month ago
JSON representation
A Redux application created with Redux Toolkit and ported to Zustand
- Host: GitHub
- URL: https://github.com/leoziondev/ignite2023-react-redux-zustand
- Owner: leoziondev
- Created: 2023-07-13T11:04:16.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-19T06:15:41.000Z (almost 3 years ago)
- Last Synced: 2025-03-02T06:41:08.162Z (over 1 year ago)
- Topics: axios, json-server, radix-ui, react, react-player, redux-async, redux-toolkit, tailwindcss, typescript, vite, vitest, zustand
- Language: TypeScript
- Homepage:
- Size: 580 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Redux application created with Redux Toolkit and ported to Zustand
## Installations this project
React Redux
```
npm i react-redux
```
Redux Toolkit
```
npm i @reduxjs/toolkit
```
Lucide React Icons
```
npm i lucide-react
```
React Player
```
npm i react-player
```
Tailwind Scrollbar
```
npm i tailwind-scrollbar
```
Radix Collapsible
```
npm i @radix-ui/react-collapsible
```
Vitest
```
npm i vitest -D
```
JSON Server
```
npm i json-server -D
```
Axios
```
npm i axios
```
Zustand
```
npm i zustand
```
### How to run this project
Clone this project
```
git clone https://github.com/leoziondev/ignite2023-react-redux-zustand.git
```
Install dependencies
```
npm install
```
Start JSON Server
```
npm run server
```
Resources:
http://localhost:3000/courses
Home:
http://localhost:3000
Start Application
```
npm run dev
```
Local: http://127.0.0.1:5173/
### Documentations
- [Redux Toolkit](https://redux-toolkit.js.org/introduction/getting-started)
- [Zustand](https://docs.pmnd.rs/zustand/getting-started/introduction)
- [Tailwindcss](https://tailwindcss.com/docs)
- [Radix UI](https://www.radix-ui.com/docs)
- [Lucide React Icons](https://lucide.dev/)