• Home
  • recoil に入門する

recoil に入門する

thumbnail

概要

https://recoil-todolist.vercel.app/

recoil を使った TODO リストを作成し、recoil の使い方を学びました。

リポジトリ

https://github.com/Kaaaaazuya/recoil-todolist#readme

使用した技術

  • recoil: React の状態管理ライブラリです、利用することで子孫コンポーネントへのバケツリレーをなくすことができる、かつ不要な再レンダリングを抑止することが可能です。 ※ メイン開発者がレイオフされたことで開発が止まっている?とのことでしたので、  必要に応じてJotai を利用する必要がありそうです。
  • 雑記

    https://zenn.dev/knowledgework/articles/607ec0c9b0408d

    こちらの記事を読んで、複数コンポーネントで利用する state の管理を recoil にまとめたいと考え、まずは recoil の使い方から学ぶために TODO リストを作成しました。

    今回は直接 recoil state をコンポーネントで取得していますが、複数人で開発する場合に意図しない操作を防ぐためにカスタムフックを利用して公開する等がよいと思いました。

    また、データフェッチをする際にも useEffect で行うのではなく、recoil を活用するというのもよさそうなのでどこかで試してまた共有していきたいと思います。

    avatar

    PROFILE

    ykk

    Engineer / Japan 好きなものはカレーと King Gnu

    TAG