Recoil.js

Recoil.jsとは

• Meta（Facebook）が作成した状態管理ライブラリ

用語

atom/selector

• atomもselectorもRecoilが管理するデータのストレージ
• atomは値を保持
• selectorは計算を行える（関数のように振る舞う）

atomFamilly/selectorFamilly

• atom/selectorのファクトリー関数

snapshot

• recoil.jsが管理している状態データを丸ごとダンプする、程度の意味

インストール

recoil.js本体

npm install recoil

yarn add recoil

TypeScript用型定義

npm install --save @types/recoil

yarn add @types/recoil

使い方

コンポーネント定義

<RecoilRoot>
  <Component />
</RecoilRoot>

atomの定義

• WIP

Hook

• useRecoilState
• useRecoilValue
• useSetRecoilState
• useResetRecoilState

参考資料

• Recoil
• github.com/facebookexperimental/Recoil