numb_86 https://blog.hatena.ne.jp/numb_86/ 30歳からのプログラミング https://numb86-tech.hatenablog.com/ React Redux パフォーマンス コンポーネントの再レンダリングを適切に抑制していくことが、React アプリのパフォーマンス改善の基本。 コンポーネントの再レンダリングが発生する要因はいくつかあるが、「親の再レンダリングによって発生する子の再レンダリング」については、以下の記事にまとめてある。 numb86-tech.hatenablog.com この記事では「状態の更新」によって発生する再レンダリングについて見ていく。 また、この記事で「コンポーネント」という言葉を使う場合、特に断りがない限り関数コンポーネントを指す。 動作確認に使用したライブラリのバージョンは以下の通り。 react@16.13.1 redux@4.0.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnumb86-tech.hatenablog.com%2Fentry%2F2020%2F03%2F24%2F114624" title="React (+ Redux) アプリの state 更新に関するパフォーマンス戦略 - 30歳からのプログラミング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-03-24 11:46:24 rich https://numb86-tech.hatenablog.com/entry/2020/03/24/114624 1.0 100%