エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
こんにちは。梅津です。 前回書いたこちら↓の記事で Recoil を利用しているという話をしました。 今回は... こんにちは。梅津です。 前回書いたこちら↓の記事で Recoil を利用しているという話をしました。 今回は業務で Recoil を使っている中で「こうすれば再レンダリングを抑えられるなー」ということがわかってきたので、その紹介です。 作るものと利用するライブラリ 再レンダリングを抑えるためのポイント ポイント1: Atom を小さく分割し、枝葉のコンポーネントで購読する ポイント2: イベントハンドリング時に Atom の値が欲しいなら useRecoilCallback を使う おわりに 参考・関連リンク 作るものと利用するライブラリ 今回は次のようなログインフォームを例にサンプルコードを書いていきます。 サンプルコードで利用するライブラリとそのバージョンは次のとおりです。 React 18.2.0 Recoil 0.7.5 MUI 5.10.4 また、コードの簡略化のためカスタムフッ