O que há de novo no Ignite UI for React 19: React wrappers, experiência de desenvolvimento nativa e muito mais

No início deste ano, lançamos o tão esperado conjunto de componentes Ignite UI for React 19. Embora tenhamos o produto há alguns anos e sua versão anterior tenha recebido um total de 9 atualizações de recursos, sempre sentimos que poderíamos fazer melhor. Nesta postagem do blog, vou me concentrar no que melhoramos e por que fizemos essas mudanças. Deixe-me levá-lo em uma jornada pelo que aprimoramos e entregamos nos últimos meses de desenvolvimento React.

Quais as novas? Desempenho e consumo de memória

Uma mudança significativa em relação à nossa versão anterior é a mudança para componentes funcionais. Isso significa que as referências obtidas de useRef agora são o elemento nativo esperado em vez de uma instância de classe. No entanto, também nos permite nos beneficiar de um aumento de desempenho que é comum ao desativar componentes de classe no React.

Ignite UI for React vem com vários componentes complexos de visualização de dados, incluindo várias React Grids e Charts, onde o desempenho realmente importa. Nossa nova versão mantém seu foco em fornecer os componentes de interface do usuário mais rápidos desses tipos para o mercado. Se tomarmos nosso componente React Grid como exemplo, ao utilizar técnicas inteligentes de virtualização, permitimos renderização quase instantânea e rolagem suave. No caso do desempenho, mostrar é melhor do que contar. Para experimentar tudo isso em ação, visite nossa página de documentação e os exemplos relevantes, que descrevem React virtualização e desempenho de grade. 

Wrappers React aprimorados + gerenciamento de estado

Durante a renderização, as operações de dados e o desempenho de rolagem foram as duas coisas que tivemos que manter em relação à nossa versão anterior. Considerando que a pegada de memória era algo que queríamos melhorar. O componente Wrappers atualizado e mais leve e o gerenciamento de estado simplificado permitem que o Ignite UI for React 19 ocupe até 3 vezes menos memória, especialmente ao usar o componente IgrGrid.

Manutenção e suporte

Um dos principais benefícios que oferecemos aos nossos clientes é a melhoria contínua por meio de patches regulares e lançamentos de recursos que fornecem maior flexibilidade. Planejamos fazer a transição gradual para um ciclo de lançamento de patches e novas funcionalidades, seguindo de perto a abordagem que adotamos para outros produtos, como Ignite UI for Angular. Isso envolverá lançamentos de correções de bugs todas as semanas e lançamentos de recursos aproximadamente seis vezes por ano.

Recursos e controles emocionantes

Uma vantagem importante Ignite UI for React continuará a oferecer na nova versão é a ampla variedade de componentes e recursos integrados. Começando com componentes de entrada mais simples, botões, layout e componentes de visualização de dados, até as grades e gráficos mais complexos. Para adicionar a isso, o IgrGrid vem com quatro variedades distintas - plana, hierárquica, árvore e pivô - e oferece dezenas de recursos, desde a classificação, filtragem, agrupamento de colunas e edição esperadas até mais nichos, mas ainda importantes, como layout de várias linhas, reordenação de linhas e persistência de estado. A melhor parte é que tudo isso vem com suporte completo para modelagem e exportação do Excel.

Experiência de desenvolvimento nativo com eventos com sabor de React

Com o Ignite UI for React 19, estamos introduzindo uma nova maneira de expor os eventos de nossos componentes também. Com a nova versão, agora você pode aproveitar o uso de eventos prefixados 'on' de aparência nativa para todos os Ignite UI for React componentes.

Digitação estrita

Ignite UI for React 19 é mais rigoroso com tipos e propriedades e não aceita mais strings, o que traz os benefícios de uma tipagem mais rigorosa para manutenção.

O requisito principal é coisa do passado

Nas versões anteriores do nosso conjunto de componentes, alguns componentes exigiam uma propriedade de chave devido a detalhes de implementação interna, mesmo nos casos em que React normalmente não precisaria dela. Com o Ignite UI for React 19, resolvemos esse problema. Os componentes agora exigem apenas uma chave quando ela é explicitamente necessária, de acordo com a documentação oficial do React. 

Por que React é importante?

Desde seu lançamento inicial, o React permaneceu uma pedra angular do desenvolvimento web moderno devido à sua abordagem declarativa, arquitetura baseada em componentes e forte suporte da comunidade. Ao permitir que os desenvolvedores criem interfaces de usuário interativas com componentes reutilizáveis, React promove a capacidade de manutenção e escalabilidade em aplicativos complexos. Seu DOM virtual e renderização eficiente proporcionam experiências de usuário rápidas e responsivas, enquanto sua ampla adoção garante um rico ecossistema de bibliotecas, ferramentas e recursos.

Para nos mantermos competitivos nesse ecossistema, tivemos que oferecer o que Infragistics é conhecido como fornecedor de componentes com mais de 30 anos de experiência no mercado – uma biblioteca completa de componentes fáceis de usar e de alto desempenho. Há muito tempo decidimos que a única maneira de fazer isso, não apenas para React mas para qualquer estrutura moderna, é derivar o produto de uma base de código comum. Essa abordagem não apenas garante o menor tempo de resposta possível para cada novo recurso e melhora a capacidade de manutenção, mas também permite que nossos clientes troquem de plataforma entre projetos e ainda aproveitem todos os benefícios de nossos produtos.

No entanto, essa abordagem também apresenta um desafio significativo: garantir que o produto resultante ainda pareça verdadeiramente nativo de React. Ele deve ter um desempenho semelhante às soluções totalmente nativas, seguir React práticas recomendadas e evitar inchaço desnecessário de outras plataformas que suporta. Essas foram as principais áreas em que nos concentramos em melhorar e, com o Ignite UI for React 19, temos orgulho de dizer que fizemos um progresso significativo.

Mas há mais

Com o Ignite UI for React 19, demos um passo importante para oferecer uma experiência mais nativa, eficiente e eficiente em termos de memória para desenvolvedores React, sem sacrificar o poder, a flexibilidade e a amplitude que nossos clientes esperam do Infragistics. Esteja você criando painéis corporativos complexos ou aplicativos da Web elegantes e ricos em dados, esta versão foi projetada para ajudá-lo a fazer mais com menos esforço. A melhor parte é que, se sua organização ainda não estiver pronta para adotar o React 19, você não precisa esperar. Ignite UI for React 19 é compatível com React 18.