react_huong_dan_dang_ky_dang_nhap/README.md

Video buổi học

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