Open9
状態管理ライブラリRecoil素振り
ばーんとりあえずinstall
公式が丁寧。
ただReact / TS の練習repoに入れたらerror
以下の回答通りにやったら対応できた。
ばーん書き忘れ。vite使ってます。
webpackはもういないんだよ...
ばーん
公式とこのZennを拝読。
Atom = store
Slector = reducer
みたいな印象。
現時点での疑問
Context API と何が違うのかな？
あとstate更新された時の再レンダリングは今までと同様？
ばーん疑問追加
keyがユニークじゃなかったらerrorでる?
selector の get はライブラリ標準関数？
ばーんatom / selector について
Atom = store
Slector = reducer
みたいな印象。
完全に認識違いでした。
atom
ちゃんと公式API読みましょう(自戒)
どちらかというとglobalにも扱うことができるuseStateみたいな感覚。
selector
こっちがstoreに近い印象。
get / set が提供されていて、それ以外の変更を受け付けなさそう。
もうちょっと調査する
APIは種類が多いので一旦後回し
ばーんselectorの理解少し進んだ。
atomは完全にデータストア。 + 更新機能付き。
selectorはatomから値を抽出して、別の値を吐き出したり、セットしたりできる。
どっちかとういうとcustom hookに近い印象を受けてる
今悩んでるのは
- keyの命名方法
- レンダリングされるもののとされないものの違い
- ロジックをどこまでselectorに持たせるか
ばーん基本的にatomと同じ型しか受け付けないのでcustom hookみたいな使い方は難しそう
ばーんReactのAPIに沿おうと考えるのではなく、別のツリーができているという感覚が正しそう。
store(Redux)はデータを切り離したけど結局はReactに沿っていた感。
ばーん順次APIについて調べていく。前言撤回でAPIの種類少ないっすわ