aptpodフロントエンドエンジニアの黒川です!
aptpod Advent Calender2020の19日目を担当します。
2020年は新型コロナウイルスの世界的流行により全てが一変した年でした。
オリンピックも延期になりましたし、私達の生活様式や働き方、価値観まで変わりました。
そんな2020年にReactの状態管理を大きく変えるライブラリがリリースされました。それがRecoilです。
Recoilについては、私の以前書いた記事でも名前だけ触れました。
2020年の5月に行われたReact Europe2020で発表され、瞬く間に注目を浴びまして、2020年12月現在GitHubスター数1万を超えるなかなかの人気ライブラリとなっております。
とはいえ、npm trendsなどを見ても、同じく状態管理ライブラリであるReduxやMobXには大きく水をあけられており、まだまだ実際に使われている機会は少ない、これからのライブラリです。
今回は、そんなRecoilについて基本的な使い方と思想、そしてこういう使い方をすると嬉しいんじゃないかというお話をしたいと思います。
- Recoilについて
- Recoilの代表的なAPI
- atom
- selector
- useRecoilState/useRecoilValue/useSetRecoilState
- useRecoilCallback
- まとめ