お前らのReactは遅い - Qiita

煽りタイトルですみません。 最近、Reactのプロジェクトのページを動かしていて、 もっさりしてる（レンダリングの負荷が高いな）と思ったので どうやったら無駄なレンダリングを減らせるか思考錯誤したことをまとめました。 preactとか別ライブラリの話はしません。 よかったらこちらもどうぞ ReactJSで作る今時のSPA入門（基本編） 2019年07月06日追記： ブラウザのレンダリングの仕組みに関して良記事があったので先に一読しておくことをおすすめします。 良記事１：実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか 良記事２：ブラウザレンダリング入門〜知ることで見える世界〜 １ピクセルがブラウザに表示されるまで：Life of a Pixel 2018 この記事に関してはReactのDOMツリー（レイアウト）レンダリングに関する最適化戦略です。 2020年02

[sadness_ojisan]

パフォチューのやりかた解説

[yappynoppy]

親コンポーネント（この図だとA）ではmapStateToPropsを参照しないようにすることです。

[tackman]

懐かしい味のするクライアントサイドの最適化ノウハウなんだけど、Webフロントエンドの幼年期は終わってたんだなという感慨が湧きます

[cuttoff19]

hooksのリリースもあって更新があったっぽい

[shiradofu]

javascript performance

[koriym]

素晴らしい内容の記事にこういうタイトルがつけられる風潮を憂う

[mizoguche]

“ステートレスなComponentに関してはSFCにしたほうがReactの無駄なライフサイクルの処理がないため、レンダリング速度があがります”

[yug1224]

煽ってすぐ謝るスタイルｗ