Bài Tập 1: Ứng Dụng Danh Bạ
Yêu Cầu Bài Tập:
Hãy xây dựng một ứng dụng danh bạ sử dụng React Redux. Ứng dụng này nên có thể thêm, xem danh sách, sửa đổi và
xóa
liên hệ.
Hướng Dẫn:
Khởi Tạo Redux Store và Reducer:
- Tạo reducer để quản lý danh sách liên hệ (contacts).
- Khởi tạo Redux store với reducer này.
Actions và Action Creators:
Định nghĩa các hành động (ADD_CONTACT, UPDATE_CONTACT, DELETE_CONTACT) và action creators cho chúng.
Kết Nối Component với Redux:
- Sử dụng hàm connect() từ react-redux để kết nối components với Redux store.
- Kết nối danh bạ component để hiển thị danh sách liên hệ và các nút thêm, sửa và xóa liên hệ.
Thực Hiện Chức Năng:
- Cho phép người dùng thêm mới, sửa đổi và xóa liên hệ thông qua các actions.
- Hiển thị danh sách liên hệ và các nút tương ứng để thực hiện các chức năng này.
Bài Tập 2: Ứng Dụng Ghi Chú
Yêu Cầu Bài Tập:
Hãy xây dựng một ứng dụng ghi chú sử dụng React Redux. Ứng dụng này nên cho phép người dùng thêm, xem danh
sách,
sửa đổi và xóa ghi chú.
Hướng Dẫn:
Khởi Tạo Redux Store và Reducer:
- Tạo reducer để quản lý danh sách ghi chú (notes).
- Khởi tạo Redux store với reducer này.
Actions và Action Creators:
Định nghĩa các hành động (ADD_NOTE, UPDATE_NOTE, DELETE_NOTE) và action creators cho chúng.
Kết Nối Component với Redux:
- Sử dụng hàm connect() từ react-redux để kết nối components với Redux store.
- Kết nối component ghi chú để hiển thị danh sách ghi chú và các nút thêm, sửa và xóa ghi chú.
Thực Hiện Chức Năng:
- Cho phép người dùng thêm mới, sửa đổi và xóa ghi chú thông qua các actions.
- Hiển thị danh sách ghi chú và các nút tương ứng để thực hiện các chức năng này.