https://github.com/markkos89/react18_redux_toolkit_rtk_query_chakra_ui-demo
React 18 + Redux-Toolkit + RKT Query + Chakra UI + React router 6 DEMO
https://github.com/markkos89/react18_redux_toolkit_rtk_query_chakra_ui-demo
Last synced: about 1 year ago
JSON representation
React 18 + Redux-Toolkit + RKT Query + Chakra UI + React router 6 DEMO
- Host: GitHub
- URL: https://github.com/markkos89/react18_redux_toolkit_rtk_query_chakra_ui-demo
- Owner: Markkos89
- License: mit
- Created: 2022-05-09T03:12:21.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-09T05:08:21.000Z (about 4 years ago)
- Last Synced: 2025-02-13T07:33:00.309Z (over 1 year ago)
- Language: TypeScript
- Size: 26.8 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React 18, @reduxjs/toolkit 1.8.1, react-redux 8, CRA template
Basic SPAs with **React**, **Redux**, **Redux-Toolkit**, **React-Router**, **SASS/SCSS**, **TypeScript**, **CRA**.
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
### `yarn build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
### `yarn eject`
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
### `yarn server`
Base simulation for **RTK-query** (so you can create some sort of API with **Redux-Toolkit**) with **json-server**.
Runs on **port 5000**, all server data in **db.json** file. Might need to install json-server globally.
## Description
* Basic SPA - 3 routes: Home, Posts, Users.
* Users and Posts are working with **http://localhost:5000/** that runs with `yarn server` (so you can test API with **Redux-Toolkit** - GET, POST, PUT, DELETE).
### Structure
documentation in development