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