Ok để tôi giải thích cho bạn từng bước
1 Thông lượng là gì?
- Một mô hình
- Công văn tập trung
- Luồng dữ liệu đơn hướng
- Danh sách mục
Họ gọi nó là Flux vì một lý do quá.
Thông lượng triển khai
- Thông lượng của Facebook
- Alt
- Trào ngược
- Flummox
- Hạt nhân
- Thông lượng
Trò chuyện với thông lượng
React : Hey Action, ai đó đã nhấp vào nút Save Save Course này.
Hành động : Cảm ơn Phản ứng! Tôi đã đăng ký một người tạo hành động với người điều phối, vì vậy người điều phối nên chú ý đến việc thông báo cho tất cả các cửa hàng quan tâm.
Người điều phối : Hãy để tôi xem ai quan tâm đến một khóa học đang được cứu. Ah! Có vẻ như Cửa hàng đã đăng ký gọi lại với tôi, vì vậy tôi sẽ cho cô ấy biết.
Cửa hàng : Chào người điều phối! Cảm ơn các cập nhật! Tôi sẽ cập nhật dữ liệu của mình với tải trọng bạn đã gửi. Sau đó, tôi sẽ phát ra một sự kiện cho các thành phần React quan tâm.
Phản ứng : Ôi! Dữ liệu mới sáng bóng từ cửa hàng! Tôi sẽ cập nhật giao diện người dùng để phản ánh điều này!
API thông lượng
đăng ký (gọi lại chức năng) - Người điều phối Hey Hey, chạy cho tôi khi hành động xảy ra. -Cửa hàng"
unregister (chuỗi id) - Người điều phối Hey Hey, đừng lo lắng về hành động này. -Cửa hàng"
WaitFor (mảng id) - Cập nhật cửa hàng này trước. -Cửa hàng"
công văn (tải trọng đối tượng) - người điều phối Hey Hey, nói với các cửa hàng về hành động này. -Hoạt động"
isDispatching () - Hiện tại tôi đang bận gửi các cuộc gọi lại.
Vì vậy, câu hỏi đặt ra trong tâm trí của chúng tôi là
Vì vậy, Flux là một mô hình xuất bản-đăng ký?
Không hẳn.
Khác nhau theo hai cách:
1.Mọi tải trọng được gửi đến tất cả các cuộc gọi lại đã đăng ký.
2.Callbacks có thể chờ đợi các cuộc gọi lại khác
Tóm lược
Flux là một mẫu cho các luồng dữ liệu đơn hướng Các hành động đóng gói các sự kiện Dispatcher là một trung tâm trung tâm giữ các cuộc gọi lại Các cửa hàng giữ trạng thái ứng dụng Nhiều triển khai