vercel-react-best-practices

从安装，到用起来

1. 从 Vercel 来源安装，确认客户端能够识别，审查前先阅读项目约定。
2. 首轮聚焦一个流程：页面加载、搜索请求或慢交互。要求标出相关文件，解释请求之间是否存在依赖。
3. 逐项审查建议，运行相关检查，在相同条件下比较结果，并确认行为仍然正确。

怎样检查结果

用应用网络时间线或 profiler 检查具体问题，记录环境与测量条件。代码看起来更简洁，并不等于应用一定更快。

独立请求示例

// Two alternatives; the requests must be independent.
async function loadSequential() {
  const profile = await fetchProfile();
  const projects = await fetchProjects();
  return { profile, projects };
}

async function loadConcurrent() {
  const [profile, projects] = await Promise.all([
    fetchProfile(),
    fetchProjects(),
  ]);
  return { profile, projects };
}

继续探索