react– tag –

個人開発のサイトは公開してからが本番です。運用中の2サイトで実際におこなったデザイン改善と、SPAで作ったせいでGoogleに本文が読まれずインデックスされていなかった問題の原因・直し方を、変更前後の画面つきでまとめました。

ReactのErrorBoundaryが実際にどこまで捕捉するか、5通りの壊し方で検証しました。捕まえたのは2つだけで、実務でよく起きる3つは素通りします。取りこぼしを拾う設計までまとめます。

React 18で子コンポーネント500個を並べて再レンダリング回数を実測しました。memoを貼っただけでは5,000回のまま変わらず、useCallbackで参照を固定して初めて0回になりました。