This commit is contained in:
2025-10-08 06:58:27 +07:00
commit 8468f024c7
27 changed files with 6081 additions and 0 deletions

45
README.md Normal file
View File

@@ -0,0 +1,45 @@
[Video buổi học](https://rikkeieducation.sg.larksuite.com/minutes/obsgbw6ihe4j8ot9l8i7bac7)
## Xây dựng ứng dụng đăng ký / đăng nhập đơn giản
## Lưu trữ dữ liệu với Json server
## Gọi api với Axios
## Áp dụng redux toolkit
## Có chia router với react-router
## 1. Setup dự án ban đầu
## 2. Cài đặt các thư viện
npm i json-server axios react-redux @reduxjs/toolkit react-router
## 3. Setup dự án
*Router X
- React Router
+ Bọc dự án với BrowserRouter
+ Dùng Routes và Route để setup các URL
*Lib X
- Toolkit
+ Tạo ra các slice, tạo store, tạo type của store
+ Dùng component Provider của react-redux bọc dự án và props store do mình tự cấu hình
## 4. Cấu hình json server
## 5. Cấu hình axios
## 6. Fake JWT Token
- Cài thư viện jose
npm i jose X
- Thiết kế function giúp tạo ra token với thư viện Jose X
- Giải token dùng thư viện jwt-decode
npm i jwt-decode