Prévia do React 18

• Vamos ver quais recursos foram adicionados com a confirmação do React 18 rc

• Automatic batching for fewer renders

  • A partir do React 18, chamadas consecutivas de setState que ocorram em promise, setTimeout etc. também passam a ser processadas em lote

• SSR support for Suspense

  • Melhorado para permitir o uso de Suspense também em SSR

• Adição de recursos concorrentes

  • useTransition: diferencia atualizações de estado urgentes e não urgentes. É possível melhorar códigos que antes usavam debouncing com esse hook

  • useDeferredValue: permite usar um valor adiado do estado, de forma equivalente a colocar o código de atualização de estado dentro de startTransition

  • useId: melhorado para permitir o uso de IDs únicos

  • 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.

• StirctMode + StrictEffect

  • 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.