GitHub(@github)

After overhauling the React architecture of GitHub's "Files changed" tab, we dropped Interaction to ...

8.5内容质量
After overhauling the React architecture of GitHub's "Files changed" tab, we dropped Interaction to ...

TL;DR · AI 摘要

GitHub 重构了“Files changed”选项卡的 React 架构，显著优化性能。

核心要点

  • 将 INP 从 450ms 降至 100ms
  • 每行 React 组件从 8 个减少到 2 个
  • 使用 JS Maps 实现 O(1) 数据访问
#React#性能优化#前端
打开原文

📉 React components cut from 8 to 2 per line 🔑 O(1) data access with JS Maps 🪟 Window virtualization for giant PRs" / X

Image 1: Square profile picture
Image 1: Square profile picture

GitHub

@github

After overhauling the React architecture of GitHub's "Files changed" tab, we dropped Interaction to Next Paint (INP) from ~450ms to ~100ms. Image 2: 📉 React components cut from 8 to 2 per line Image 3: 🔑 O(1) data access with JS Maps Image 4: 🪟 Window virtualization for giant PRs

6:58 PM · Apr 21, 2026

20K Views