Bắt đầu nhanh

Xem nội dung chính của trang bắt đầu với ví dụ thực thi ngay lập tức.

1. Cài đặt

Các hook chia / kéosử dụng React hook và RxJS BehaviorSubjectVì vậy, ứng dụng cần có react, rxjscùng nhau.

bash

2. Chia sẻ store với cùng một tên

Chế độ Named được thiết kế để gọi dễ dàng bên trong thành phần. Gọi với cùng một tên tạoRxStatesẽ trả về cùng một global store. Nếu giá trị tiếp theo phụ thuộc vào giá trị trước đó setValue((prev) => next) hãy sử dụng setter dạng.

tsx

3. Sử dụng createRxStateTuple nếu cần khóa runtime

Khi tên được xác định tại runtime như id workspace nhận từ server, tham số route, hoặc tên tab mà người dùng nhấn, tạoRxStateTupleđiều này là tự nhiên. Ví dụ dưới đây sử dụng store bản nháp khác nhau cho mỗi tab.

tsx

4. Tập hợp quy tắc thay đổi bằng reducer

Giá trị đơn giản thì setter là đủ, nhưng nếu trạng thái thay đổi theo nhiều action hoặc các giá trị phụ thuộc lẫn nhau, tạoRxReducerthì việc tập hợp quy tắc thay đổi ở một nơi là an toàn hơn.

tsx