NOTE 028 / 2019年
状態をどこに置くかを話す
React をテーマにした集まりで、関心が集まった点をまとめます。
読了目安 約2分
React の勉強会では、フックの使い方だけでなく、状態をどこに置くかという話がよく出ます。小さな画面なら一つのコンポーネントで足りますが、画面をまたぐと共有の方法を決める必要があります。
会の後には、自分のコードで同じ悩みを探します。発表を聞いただけで終わらせず、一つでも書き換えると、理解が定着します。
押さえたい点
- 01状態を置く場所を考える
- 02画面をまたぐ共有を確認する
- 03一つでもコードを書き換える
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- React 学習ガイド 外部サイトreact.dev
- React リファレンス 外部サイトreact.dev
- React で考える 外部サイトreact.dev
- useState リファレンス 外部サイトreact.dev
- useEffect リファレンス 外部サイトreact.dev
- useContext リファレンス 外部サイトreact.dev
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- web.dev 外部サイトweb.dev
- W3C WAI 外部サイトw3.org
- GitHub Docs 外部サイトdocs.github.com
- Chrome for Developers 外部サイトdeveloper.chrome.com
- MDN HTTP 外部サイトdeveloper.mozilla.org