설치

패키지 설치, peer dependency, import 경로를 정리합니다.

npm

bash

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

peer dependencies

react와 rxjs는 peer dependency입니다. React hook은 앱의 React 인스턴스와 맞아야 하고, BehaviorSubject는 public API에 노출되므로 앱과 라이브러리가 같은 RxJS 계열을 바라보는 편이 안전합니다.

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

localForage는 내부 구현체입니다

localforage는 storage persistence를 구현하기 위한 내부 dependency입니다. 사용자가 직접 같은 인스턴스를 맞춰야 하는 peer 성격이 아니므로 dependencies에 들어갑니다.

import 경로

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";