Mulai Cepat

Periksa inti halaman mulai dengan contoh yang benar-benar berjalan.

1. Instal

@byeolnaerim/global-rx-statemenggunakan React hook dan RxJS BehaviorSubjectJadi aplikasi harus memiliki react, rxjsbersama.

bash

2. Berbagi store dengan nama yang sama

Named mode dirancang agar mudah dipanggil di dalam komponen. Memanggil dengan nama yang sama createRxStateakan mengembalikan global store yang sama. Jika nilai berikut bergantung pada nilai sebelumnya, setValue((prev) => next) gunakan setter fungsional dalam bentuk.

tsx

3. Gunakan createRxStateTuple jika runtime key diperlukan

Ketika nama ditentukan pada runtime seperti workspace id yang diterima dari server, parameter rute, atau nama tab yang diklik pengguna, createRxStateTupleini menjadi alami. Contoh di bawah ini menggunakan draft store yang berbeda untuk setiap tab.

tsx

4. Kumpulkan aturan perubahan dengan reducer

Nilai sederhana cukup dengan setter, tetapi jika status berubah berdasarkan beberapa aksi atau nilai saling bergantung, createRxReducerlebih aman untuk mengumpulkan aturan perubahan di satu tempat.

tsx