Kiến thức Redux-Toolkit

Khái niệm slice: được sử dụng để chỉ một phần của trạng thái ứng dụng được quản lý bởi một reducer duy nhất. Slice giúp chia nhỏ trạng thái lớn thành các phần nhỏ hơn, giúp quản lý trạng thái dễ dàng hơn và tạo ra các reducer tương ứng.

CreateSlice: được sử dụng để định nghĩa một slice (phần) của trạng thái ứng dụng cùng với các reducers tương ứng. Slice là một phần của trạng thái mà chứa các thông tin liên quan và hành động (actions) tương ứng để quản lý trạng thái đó.

CreateAsyncThunk: được sử dụng để xử lý tác vụ không đồng bộ, chẳng hạn như lấy dữ liệu từ API. Nó cho phép bạn tự động tạo ra các hành động liên quan đến việc thực hiện tác vụ không đồng bộ và quản lý trạng thái của tác vụ đó.

ConfigureStore: Để tạo store Redux và kết hợp các slice đã định nghĩa. Hàm này giúp tạo ra một store Redux với các cấu hình mặc định và kết hợp các reducer từ các slice đã định nghĩa.

ExtraReducers: là một thuộc tính của createSlice và được sử dụng để định nghĩa các reducer bổ sung (extra reducers) mà không thuộc quyền quản lý trạng thái của slice chính. Extra reducers cho phép bạn xử lý các hành động (actions) không liên quan trực tiếp đến slice hiện tại mà bạn muốn xử lý trong cùng một nơi.

Reducer: có nhiệm vụ xử lý các hành động (actions) được gửi từ giao diện người dùng và cập nhật trạng thái (state) của ứng dụng. Reducer nhận action và state hiện tại và dựa trên loại (type) của action, thực hiện các thay đổi trên state để tạo ra phiên bản mới của state. Reducer không thay đổi trạng thái ban đầu, mà tạo ra một bản sao của nó và thực hiện các thay đổi trên bản sao đó.

ConfigureStore: Để tạo store Redux và kết hợp các slice đã định nghĩa, chúng ta sử dụng hàm configureStore trong. Redux Toolkit. Hàm này giúp tạo ra một store Redux với các cấu hình mặc định và kết hợp các reducer từ các slice đã. định nghĩa.

Lợi ích của Redux Toolkit:

+ Giảm thiểu lặp code: tức là những đoạn code lặp lại và không cần thiết trong việc quản lý trạng thái và hành động. Các hàm như createSlice tự động tạo ra các reducers và actions một cách ngắn gọn, giúp bạn viết ít code hơn để định nghĩa và xử lý các thành phần của Redux.

+ Tăng hiệu suất: cung cấp các tối ưu hóa nội bộ, giúp tăng hiệu suất của ứng dụng Redux.

+ Dễ dàng quản lý trạng thái: createSlice, bạn có thể tạo ra các slice nhỏ chứa trạng thái và reducers liên quan chỉ trong một nơi. Điều này giúp bạn tổ chức và xử lý trạng thái ứng dụng một cách rõ ràng và dễ quản lý.

+ Hỗ trợ middleware mặc định: Redux Toolkit tích hợp sẵn Redux Thunk middleware để hỗ trợ xử lý các tác vụ không. đồng bộ. Bạn có thể sử dụng createAsyncThunk để định nghĩa các thunks không đồng bộ một cách dễ dàng và quản. lý trạng thái tương ứng.

Kết Luận: Redux Toolkit là một bộ công cụ mạnh mẽ và tiện ích để giúp giảm thiểu boilerplate code, tăng hiệu suất và dễ. dàng quản lý trạng thái trong ứng dụng Redux