Como a Margelo Ajudou o Discord a Melhorar a Performance da Nova Arquitetura do React Native

As animações com engasgos no Android para o Discord, utilizando a Nova Arquitetura do React Native, originavam-se do Reanimated, que clonava centenas de nós da Shadow Tree por frame. Esse comportamento resultava em quedas significativas na performance da experiência do usuário, impactando a fluidez das interações no aplicativo.

A solução desenvolvida envolveu a sincronização de animações finalizadas de volta ao React para permitir que esses nós fossem liberados. Esta otimização restaurou um fast path síncrono para propriedades que não afetam o layout, resultando em uma redução de 26% na taxa de quadros com engasgos do Discord. As melhorias estão sendo incorporadas no upstream como um "shared animation backend" no React Native 0.85, beneficiando toda a comunidade de desenvolvimento.