NgRx là một thư viện quản lý state lấy cảm hứng từ Redux cho Angular. Nó tập trung hóa state của ứng dụng trong một store bất biến duy nhất, với một luồng dữ liệu một chiều nghiêm ngặt, dễ đoán, xây dựng trên RxJS.
Các mảnh cốt lõi và luồng
Component dispatch một ACTION →
REDUCER tạo ra state mới (hàm thuần) →
STORE cập nhật →
SELECTOR đọc state →
Component render lại
(EFFECT xử lý các side effect như HTTP, dispatch các action mới)
