エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
具体例で理解するuseMemoとuseCallbackの使い方。Reactパフォーマンスチューニング | Enjoy IT Life
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
具体例で理解するuseMemoとuseCallbackの使い方。Reactパフォーマンスチューニング | Enjoy IT Life
コンポーネントや関数のメモ化を行うことで、不要な計算やレンダリングを抑えられるためパフォーマンス... コンポーネントや関数のメモ化を行うことで、不要な計算やレンダリングを抑えられるためパフォーマンス向上が期待できます。 useMemoやuseCallbackはメモ化の機能を提供するフックです。 関数コンポーネントにおいて、メモ化を活用したパフォーマンス改善をする場合はuseMemoやuseCallbackを利用します。 今回はuseMemo・useCallbackの利用方法について具体例をもとに紹介します。 reactは17.0.1を利用しています。 今回利用するサンプルアプリケーションについて パフォーマンスが改善されていることを確認するため、ボタンをクリックした回数が表示されるアプリケーションをサンプルとして用意しました。2つボタンを配置し、片方だけクリックの処理を重くしています。 パフォーマンスチューニング前のサンプルアプリケーションでは、クリックの処理のコストがコンポーネント全体に