Prévia do React 18

<p>* Vamos ver quais recursos foram adicionados com a confirmação do React 18 rc<br /> <br /> * Automatic batching for fewer renders<br /> * A partir do React 18, chamadas consecutivas de `setState` que ocorram em `promise`, `setTimeout` etc. também passam a ser processadas em lote<br /> <br /> * SSR support for Suspense<br /> * Melhorado para permitir o uso de `Suspense` também em SSR<br /> <br /> * Adição de recursos concorrentes<br /> * `useTransition`: diferencia atualizações de estado urgentes e não urgentes. É possível melhorar códigos que antes usavam debouncing com esse hook<br /> * `useDeferredValue`: permite usar um valor adiado do estado, de forma equivalente a colocar o código de atualização de estado dentro de `startTransition`<br /> * `useId`: melhorado para permitir o uso de IDs únicos<br /> * `useSyncExternalStore`: além de `props` e `state`, que são stores internas, agora é possível detectar mudanças em objetos mutáveis externos e usá-las como estado do componente.<br /> <br /> * StirctMode + StrictEffect<br /> * Para verificar se há código que possa causar problemas em relação ao OffScreen API que será adicionado no futuro e ao Fast Refresh, que já foi incluído, a renderização acontece duas vezes no ambiente de desenvolvimento, incluindo os effects. Ao escrever código de componente, é preciso garantir que não haja problemas mesmo que os effects sejam executados várias vezes, como em mount, unmount, mount.</p>