Componentes React Server + Streaming em 2025

Server Components como contrato

RSCs reduzem bundle do cliente e permitem que dependências sensíveis fiquem no servidor. Combine com caches de fetch para evitar waterfall.

Exemplo simplificado

export async function RepoStats({ owner, repo }) {
  const data = await fetchStats(owner, repo);
  return (
    <ul className="stats">
      <li>⭐ {data.stars}</li>
      <li>🍴 {data.forks}</li>
    </ul>
  );
}

Use Suspense boundaries pequenas para liberar o HTML assim que os primeiros blocos estiverem prontos.