react-doctorで始めるReactコード診断
·
26分(23,851字)
·
-
- TL;DR - react-doctorはAIコーディングエージェント向けに設計されたReactコード診断ツールで、プロジェクト全体をスキャンして0〜100の健全性スコアを算出する - npx react-doctor@latest . だけで即実行でき、GitHub...
React
4件の記事
useEffectのクリーンアップでメモリリークを防ぐ
·
4分(3,031字)
·
-
- TL;DR - JavaScriptのGCは 参照されなくなったオブジェクト のみ解放する - 副作用で外部リソースを使う場合は 必ずクリーンアップ関数を実装 する - イベントリスナーは登録と解除で 同一の関数参照 を使う - 非同期処理は AbortController でキャンセルする -...
ReactがUIを表示するまでの4つのフェーズとConcurrent Rendering
·
5分(2,953字)
·
-
- TL;DR - React のレンダリングは Trigger → Render → Commit → Browser Paint の4フェーズに分けて理解できる - Render フェーズは UI の計算だけで、DOM はまだ更新されない - Commit フェーズで初めて DOM...
UI = f(state)とは何なのか
·
2分(1,130字)
·
-
- TL;DR 1. UIは状態から一意に決まる 2. 厳密には「UI = f(props, state, context)」と考えるのが正確 3. Reactは「state → UI」変換を自動でやる仕組み はじめに Reactを調べていると「UI =...