Bài 17. Redux và React-Redux

Mở đầu 1.1. Tầm quan trọng của state management 1.2. Giới thiệu về Redux và React-Redux 1.3. Tổng quan về cấu trúc của bài viết

Khái niệm Cơ bản về Redux 2.1. Actions 2.2. Reducers 2.3. Store 2.4. Middleware 2.5. Pure Functions và Immutability

Tích hợp Redux vào React 3.1. Cài đặt Redux và React-Redux 3.2. Tạo Redux Store 3.3. Provider component 3.4. connect function 3.5. useDispatch và useSelector hooks

Thực hiện Actions và Reducers 4.1. Tạo các Action creators 4.2. Implementing Reducers 4.3. Cách handle state transitions 4.4. Kết hợp các Reducers với combineReducers

Middleware trong Redux 5.1. Cơ bản về Middleware 5.2. Sử dụng redux-thunk cho asynchronous actions 5.3. Debugging với redux-devtools-extension

Best Practices và Optimization 6.1. Action type constants 6.2. Normalized state shape 6.3. Memoization với reselect 6.4. Lazy loading reducers

Testing trong Redux 7.1. Testing Actions và Action Creators 7.2. Testing Reducers 7.3. Testing Connected Components

Case Study: Todo List Application 8.1. Thiết kế architecture 8.2. Implementing Actions, Reducers và Store 8.3. Kết nối React components với Redux Store 8.4. Performance tuning và debugging

Các Tool và Libraries hỗ trợ 9.1. Redux Toolkit 9.2. Redux Saga và Redux Observable 9.3. react-redux-firebase và connected-react-router

Kết luận và Tài liệu tham khảo 10.1. Tóm tắt các kỹ thuật và best practices đã học 10.2. Link tài liệu và các bài viết tham khảo khác