A árdua jornada para otimizar a performance das linhas de diff

A aba "Files changed" do GitHub enfrentava desafios de performance significativos em pull requests de grande volume. Cada linha de diff incorporava mais de oito componentes React, resultando em um consumo de 1GB de heap e na criação de mais de 400 mil nós DOM para um diff de 10 mil linhas. A equipe solucionou a questão refatorando a funcionalidade para utilizar apenas dois componentes por linha, otimizando o gerenciamento de estado e implementando virtualização. Essas melhorias resultaram em uma redução de 78% no Interaction to Next Paint (INP) e uma diminuição de 50% no uso de memória, otimizando drasticamente a experiência do desenvolvedor.