https://github.com/chanhi2000/redux-toolkit-tutorial
Redux Toolkit Tutorial
https://github.com/chanhi2000/redux-toolkit-tutorial
react react-demo react-demo-project reactjs redux redux-thunk redux-toolkit
Last synced: 28 days ago
JSON representation
Redux Toolkit Tutorial
- Host: GitHub
- URL: https://github.com/chanhi2000/redux-toolkit-tutorial
- Owner: chanhi2000
- Created: 2022-04-28T06:49:27.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-28T06:49:35.000Z (about 4 years ago)
- Last Synced: 2025-03-24T14:19:52.460Z (about 1 year ago)
- Topics: react, react-demo, react-demo-project, reactjs, redux, redux-thunk, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 289 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# redux-toolkit-tutorial
![shield-freecodecamp][shield-freecodecamp]
Redux Toolkit Tutorial made by John Smilga
> Created : 2021.04
## What's Used?
![shield-react][shield-react]
![shield-redux][shield-redux]
![shield-immer][sheild-immer]
## Prerequesite(s)
- Visual Studio Code
- React DevTools
## Task(s) Completed
- [x] ~~A. Initialize Project with Proper Template~~
- [x] ~~B. Connect to Redux~~
- [x] ~~B1. Setup Store~~
- [x] ~~B2. Setup Provider~~
- [x] ~~C. Setup CartSlice~~
- [x] ~~D. Access Store Value (`useSelector`)~~
- [x] ~~E. Hero Icons~~
- [x] ~~F. Local Data~~
- [x] ~~G. Render List~~
- [x] ~~H. Cart Item~~
- [x] ~~I. Clear Cart~~
- [x] ~~J. Return State~~
- [x] ~~K. Remove Item~~
- [x] ~~L. Toggle Amount~~
- [x] ~~M. Calculate Totals~~
- [x] ~~N. Create Modal~~
- [x] ~~O. Modal Complete~~
- [x] ~~P. `createAsyncThunk`~~
- [x] ~~Q. `createAsyncThunk` Options~~
## References
- [Udemy React Course](https://www.udemy.com/course/react-tutorial-and-projects-course/?referralCode=FEE6A921AF07E2563CEF)
- [Course API](https://course-api.com/)
- https://course-api.com/react-useReducer-cart-project
[shield-react]: https://img.shields.io/badge/react-17.x-61DAFB?logo=react&logoColor=61DAFB&style=flat-square
[shield-redux]: https://img.shields.io/badge/redux-1.8.x-764ABC?logo=redux&logoColor=764ABC&style=flat-square
[sheild-immer]: https://img.shields.io/badge/immer-9.x-00E7C3?logo=immer&logoColor=00E7C3&style=flat-square
[shield-freecodecamp]: https://img.shields.io/badge/Freecodecamp-%23123.svg?&style=for-the-badge&logo=freecodecamp&logoColor=green