Recoil最低限 CRA編（2021年8月） - Qiita

Reactにおける最新のグローバルステート管理ライブラリであるRecoilを試してみたいと思います。グローバルで利用できるuseStateと捉えるのが一番イメージに近いかもしれませんね。手軽に使えるのでマスターしておきたいところです。 redux版も書きました。こちらをどうぞ。 やりたいこと recoilのテスト グローバルで値が維持されていることを確認するために最低限のrouting（ページ移動）も行う 値の永続化も行う やりたいことイメージをまとめると下記のような感じ。 準備 作業場の確保とライブラリのインストール npx craete-react-app recoil-test cd recoil-test npm install recoil react-router-dom recoilと関係のない実装（骨組みづくり） まず、複数ページからなる最低限の構造を作ります。とりあえずH