Esses dias eu estava a lendo a documentação nova do React 18 e dentre as melhorias como os novos hooks , a funcionalidade de suspense para os componente e os comportamentos novos do strict mode, o que mais me chamou atenção foi a integração automática do batching em outros eventos usando o React.
O batching, de forma bem resumida, é o mecanismo do React em atualizar vários estados renderizando o componente apenas uma vez.
Antes do React 18 isso estava restrito apenas a React Events, incluindo os eventos sintéticos, portanto, se você quisesse atualizar estados em promises, métodos de tempo como o setTimeout(), o batching não iria funcionar por padrão, e ocorreria uma re-renderização do componente para cada estado atualizado.
Mas agora mudou, eventos nativos ou qualquer outro evento qua atualize estados, já vem com o batching automático!
Com isso, aquela handleClick que atualiza uma flag, um número, um objeto e um pop-up; não precisará ser um monstro renderizando tudo na página diversas vezes. A maior vantagem disso é que as aplicações vão ganhar uma velocidade considerável dependendo do seu tamanho e arquitetura.
Batching feature - Repositório oficial
Top comments (0)