Hướng dẫn Redux
Giới thiệu
Hai ý tưởng cơ bản
Thuật ngữ cơ bản
Cách thức hoạt động của ứng dụng Redux
Ba nguyên tắc chính
Công cụ làm việc
Các công cụ chính
Cài đặt và chuẩn bị ứng dụng React
Cài đặt Redux và RTK với React
Cài đặt Tiện ích mở rộng Redux DevTools
Cài đặt React Router
Sơ đồ hoạt động cơ bản
Thêm slice
Reducers
Selectors và hook useSelector
Lấy dữ liệu từ store trong component
Form và state cục bộ
Thêm form
Reducer và action
Gửi action
Thảo luận về hoạt động của sơ đồ
Làm việc với dữ liệu
Giới thiệu
Trang riêng cho sản phẩm
Trang sản phẩm trong trình duyệt
Thay đổi dữ liệu sản phẩm trong store
Biểu mẫu để chỉnh sửa dữ liệu
Trang chỉnh sửa sản phẩm trong trình duyệt
Chuẩn bị dữ liệu cho đối tượng action
Thêm một slice khác
Thêm thông tin về người bán
Đưa các thay đổi vào biểu mẫu
Sử dụng dữ liệu từ slice nhiều lần
Thêm logic bổ sung
Thêm reducer
Gửi action
Máy chủ và cơ sở dữ liệu
Giới thiệu
Thay đổi cấu trúc state
Tối ưu hóa hoạt động với selectors
Cài đặt msw để làm việc với máy chủ
Cơ sở dữ liệu cho máy chủ
Tạo mô hình dữ liệu cho cơ sở dữ liệu
Tạo đối tượng với dữ liệu người bán
Tạo đối tượng với dữ liệu sản phẩm
Tạo bản ghi trong cơ sở dữ liệu
Gửi dữ liệu từ máy chủ theo yêu cầu GET
Client cho ứng dụng
Logic Bất đồng bộ và Thunks
Giới thiệu về thunks
Lợi ích của việc sử dụng createAsyncThunk
Gửi thunk từ component
Reducer bổ sung
Loại bỏ yêu cầu trùng lặp.
Áp dụng trạng thái yêu cầu
Lấy dữ liệu người bán
Gửi thunk trực tiếp
Xử lý yêu cầu được gửi bằng thunk
Gửi dữ liệu bằng thunk
Hiển thị kết quả thực thi trong component
Hiển thị danh sách người bán
Trang người bán
