インストール

パッケージのインストール、ピア依存関係、インポートパスを整理します。

npm

bash

npm install @byeolnaerim/global-rx-state rxjs react

ピア依存関係

reactと rxjsはピア依存関係です。ReactフックはアプリのReactインスタンスと一致する必要があり、 BehaviorSubjectは公開APIに露出するため、アプリとライブラリが同じRxJS系を参照する方が安全です。

{
  "peerDependencies": {
    "react": ">=18.0.0",
    "rxjs": ">=7"
  },
  "dependencies": {
    "localforage": "^1.10.0"
  }
}

localForageは内部実装です

localforageはストレージの永続性を実装するための内部依存関係です。ユーザーが直接同じインスタンスを合わせる必要がないピア性質ではないため、依存関係に入ります。

インポートパス

import {
  createRxState,
  createRxStateTuple,
  createRxReducer,
  createRxReducerTuple,
} from "@byeolnaerim/global-rx-state";

// 필요한 영역만 subpath로 가져올 수도 있습니다.
import { createRxState } from "@byeolnaerim/global-rx-state/rx-state";
import { createRxReducer } from "@byeolnaerim/global-rx-state/rx-reducer";