GitHubのFiles changedタブのReactベースの実装におけるdiff行のパフォーマンス最適化について。 1行あたり10〜15個のDOM要素と8〜13個のReactコンポーネントが必要だった構造を最適化している。 コンポーネント数を2個に削減し、イ
React製「Files changed」を最適化し、DOM 40万超/heap 1GB級でもINPを改善。v2でコンポーネント削減やTanStack Virtual対応
The uphill climb of making diff lines performant
GitHubのFiles changedタブのReactベースの実装におけるdiff行のパフォーマンス最適化について。 1行あたり10〜15個のDOM要素と8〜13個のReactコンポーネントが必要だった構造を最適化している。 コンポーネント数を2個に削減し、イ
React製「Files changed」を最適化し、DOM 40万超/heap 1GB級でもINPを改善。v2でコンポーネント削減やTanStack Virtual対応