マイライブラリドキュメント

マルチルートサイドバー

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

クイックスタート

スタートページの核心内容を実行可能な例とともに一度に確認します。


1. インストール

@byeolnaerim/global-rx-stateはReactフックとRxJS BehaviorSubjectを使用します。だからアプリには react, rxjsが必要です。

bash
2. 同じ名前でストアを共有する

Named modeはコンポーネント内部で簡単に呼び出せるように設計されています。同じ名前で createRxStateを呼び出すと同じグローバルストアが返されます。次の値が前の値に依存する場合は setValue((prev) => next) 形式のファンクショナルセッターを使用してください。

tsx
3. ランタイムキーが必要な場合はcreateRxStateTupleを使用する

サーバーから受け取ったワークスペースID、ルートパラメータ、ユーザーがクリックしたタブ名のように名前がランタイムで決定される場合は createRxStateTupleこれが自然です。以下の例はタブごとに異なるドラフトストアを使用します。

tsx
4. 変更ルールがある場合はリデューサーでまとめる

単純な値はセッターで十分ですが、複数のアクションに応じて状態が変わったり値が互いに依存する場合は createRxReducer変更ルールを一箇所にまとめる方が安全です。

tsx
© 2026 Byeolnaerim. 無断転載を禁じます。紹介プライバシーポリシー