Tài liệu lập trình front end reactjs lab 6

MỤC TIÊU:Kết thúc bài thực hành này bạn có khả năng✓ React router✓ Authentication với reactNỘI DUNGBài 1: React router Tạo project có tên là streams có cấu trúc, mô tả và hướng dẫn như sau Mô tả Cấu trúcMỤC TIÊU:Kết thúc bài thực hành này bạn có khả năng✓ React router✓ Authentication với reactNỘI DUNGBài 1: React router Tạo project có tên là streams có cấu trúc, mô tả và hướng dẫn như sau Mô tả Cấu trúc

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 1

MỤC TIÊU:

Kết thúc bài thực hành này bạn có khả năng

✓ React router

✓ Authentication với react

NỘI DUNG

Bài 1: React router

- Tạo project có tên là streams có cấu trúc, mô tả và hướng dẫn như sau

- Mô tả

- Cấu trúc

- Cài đặt react-router-dom và tạo route đến các component như sa

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 2

- Hướng dẫn

Bài 2: Google API library

- GoogleAuth component

- Render Authentication status

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 3

- Update State

Bài 3: OAuth Redux Design

- Mô tả

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 4

- Cấu trúc

- Hướng dẫn

- Bước 1: Set up

GoogleAuth.js

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 5

- Bước 2: Action creators

- Bước 3: Auth Reducer

- Bước 4: Xử lý Auth Status

Bài 4: Nâng cao

- Action type & UserID

LẬP TRÌNH FRONT-END FRAMEWORK 2 TRANG 6

Bài 5:

- Giảng viên cho thêm

*** Yêu cầu nộp bài:

SV nén file (hoặc share thư mục google drive) bao gồm các yêu cầu đã thực hiện

trên, nộp LMS đúng thời gian quy định của giảng viên KHÔNG NỘP BÀI COI NHƯ KHÔNG CÓ ĐIỂM

- Hết -