Padrões Concorrentes do React 19

O React 19 introduziu novas APIs que complementam o trabalho de migração. Esta habilidade cobre duas preocupações:

1. Preservar os padrões concorrentes existentes do React 18 que não devem ser quebrados durante a migração.
2. Adotar as novas APIs do React 19 que valem a pena introduzir após a estabilização da migração.

Parte 1 Preservar: Padrões Concorrentes do React 18 Que Devem Sobreviver à Migração

Esses padrões existem em bases de código do React 18 e não devem ser acidentalmente removidos ou quebrados:

createRoot Já Migrado pela Orquestra R18

Se a orquestra R18 já foi executada, ReactDOM.render → createRoot está feito. Verifique se está correto:

// CORRECT React 19 root (same as React 18):
import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

useTransition Nenhuma Migração Necessária

useTransition do React 18 funciona de forma idêntica no React 19. Não toque nesses padrões durante a migração:

// React 18 useTransition  unchanged in React 19:
const [isPending, startTransition] = useTransition();

function handleClick() {
  startTransition(() => {
    setFilteredResults(computeExpensiveFilter(input));
  });
}

useDeferredValue Nenhuma Migração Necessária

// React 18 useDeferredValue  unchanged in React 19:
const deferredQuery = useDeferredValue(query);

Suspense para Divisão de Código Nenhuma Migração Necessária

// React 18 Suspense with lazy  unchanged in React 19:
const LazyComponent = React.lazy(() => import('./LazyComponent'));

function App() {
  return (
    <Suspense fallback={<Spinner />}>
      <LazyComponent />
    </Suspense>
  );
}

Parte 2 Novas APIs do React 19

Estas valem a pena serem adotadas em um sprint de limpeza pós-migração. Não introduza estas DURANTE a migração - estabilize primeiro.

Para padrões completos em cada nova API, leia:

• references/react19-use.md o hook use() para promises e context
• references/react19-actions.md Actions, useActionState, useFormStatus, useOptimistic
• references/react19-suspense.md Suspense para busca de dados (o novo padrão)

Regras de Segurança de Migração

Durante a própria migração para o React 19, esses padrões de modo concorrente devem ser deixados completamente intocados:

# Verify nothing touched these during migration:
grep -rn "useTransition\|useDeferredValue\|Suspense\|startTransition" \
  src/ --include="*.js" --include="*.jsx" | grep -v "\.test\."

Se o migrador tocou em algum desses arquivos, revise as alterações - a migração só deve ter modificado a superfície da API do React (forwardRef, defaultProps, etc.), nunca a lógica do modo concorrente.