フロントエンドのビルドを理解する
·
13分(8,866字)
·
-
- TL;DR - フロントエンドのビルドは パース → トランスパイル → モジュール解決 → バンドル → ミニファイ の5工程で構成される - パース はソースコードをAST（抽象構文木）に変換する - トランスパイル はJSX/TypeScriptをJavaScriptに変換する -...
JavaScript
3件の記事
useEffectのクリーンアップでメモリリークを防ぐ
·
4分(3,031字)
·
-
- TL;DR - JavaScriptのGCは 参照されなくなったオブジェクト のみ解放する - 副作用で外部リソースを使う場合は 必ずクリーンアップ関数を実装 する - イベントリスナーは登録と解除で 同一の関数参照 を使う - 非同期処理は AbortController でキャンセルする -...
JavaScriptのイベント伝搬を理解する
·
3分(1,476字)
·
-
- TL;DR - DOM のイベントは キャプチャ → ターゲット → バブリング の3フェーズを必ず通る - addEventListener で指定するのは 「どのフェーズで handler を呼ぶか」 - デフォルトは バブリングフェーズ --- はじめに JavaScriptを使っていると、...