O que há de novo: Ignite UI for React versão 24.1
Descubra tudo o que há de novo na última Ignite UI for React 24.1. Novas grades, medidores e recursos - todos fazem parte do nosso lançamento contínuo. Leia mais aqui.
Radoslav Mirchev
5min read
Temos o prazer de compartilhar que Ignite UI for React recebeu toneladas de melhorias significativas, introduzindo novos recursos que aprimoram a funcionalidade e o desempenho como parte de nosso lançamento contínuo. Algumas das principais atualizações incluem vários componentes, como Grade Hierárquica, Grupo de Botões, alguns medidores para melhores visualizações de dados e muito mais. Tudo isso é adaptado para ajudar os desenvolvedores a criar aplicativos da Web responsivos e de alta qualidade com facilidade. Mas vamos explorá-los em detalhes.
Version 18.4
Changelog 18.4
Recurso de persistência de estado para o componente Grid
A persistência de estado Ignite UI for React em React grade de dados, React grade de árvore e React grade hierárquica permite que os desenvolvedores salvem e restaurem facilmente o estado da grade. Quando o IgrGridState é aplicado no React IgrGrid, ele expõe os GetState métodos e GetStateAsString ApplyState ApplyStateFromString que os desenvolvedores podem usar para obter persistência de estado em qualquer cenário. Os recursos suportados são:
- Classificação
- Filtragem
- Filtragem avançada
- Paginação
- Seleção de células
- Seleção de linha
- Seleção de coluna
- Fixação de linha
- Expansão
- Agrupar por
- Colunas
- Multi column headers
- Ordem das colunas
- Propriedades de coluna definidas pela interface 'IColumnState'.
Version 18.5
Changelog 18.5
Chart Highlight filter feature
Os componentes do Gráfico Ignite UI for React oferecem suporte a uma sobreposição de realce de dados que pode aprimorar a visualização da série plotada nesses gráficos, permitindo que você exiba um subconjunto dos dados plotados. Quando ativado, isso destacará um subconjunto de dados enquanto mostra o conjunto total com uma opacidade reduzida no caso de tipos de série de coluna e área e uma linha tracejada no caso de tipos de série de linha. Isso pode ajudá-lo a visualizar coisas como valores de destino versus valores reais com seu conjunto de dados. Esse recurso é demonstrado no exemplo a seguir:
Version 18.6
Changelog 18.6
Novo componente de Grade Hierárquica
O Ignite UI para React Grade de Dados Hierárquica é usado para exibir e manipular dados tabulares hierárquicos. Vincule rapidamente seus dados com muito pouco código ou use uma variedade de eventos para personalizar diferentes comportamentos. Este componente fornece um rico conjunto de recursos, como seleção de dados, filtragem de estilo do Excel, classificação, paginação, modelagem, movimentação de colunas, fixação de colunas, exportação para Excel e CSV e muito mais. A Grade hierárquica baseia-se no componente de grade plana e estende sua funcionalidade, permitindo que os usuários expandam ou recolham as linhas da grade pai, revelando as grades filhas correspondentes, quando informações mais detalhadas são necessárias.
New Radial Gauge
O componente de medidor radial React fornece vários elementos visuais, como agulha, marcas de escala, intervalos e rótulos, para criar uma forma e escala predefinidas. O IgrRadialGauge também possui suporte integrado para transições animadas. Essa animação é facilmente personalizável definindo a transitionDuration propriedade.
New Linear Gauge
A Ignite UI para React componente de medidor linear permite visualizar dados na forma de um medidor linear. O IgrLinearGauge fornece uma visão simples e concisa de um valor comparado com uma escala e um ou mais intervalos. Ele suporta uma escala, um conjunto de marcas de escala e um conjunto de rótulos. O componente também possui um suporte integrado para transições animadas. Essa animação é facilmente personalizável definindo a transitionDuration propriedade. Os recursos do componente de medidor linear incluem orientação e direção configuráveis, elementos visuais configuráveis, como a agulha, e muito mais.
New Bullet Graph Gauge
O componente de gráfico de marcadores React permite uma visão linear e concisa das medidas em comparação com uma escala.
O componente de gráfico de marcadores Ignite UI for React fornece a você a capacidade de criar apresentações de dados atraentes, substituindo medidores e indicadores usados em painéis por gráficos de barras simples, mas diretos e claros. Um gráfico de marcadores é uma das maneiras mais eficazes e eficientes de apresentar o progresso em direção a metas, intervalos bons/melhores/ótimos ou comparar várias medições no menor espaço horizontal ou vertical possível.
Novo componente Área de texto
O componente Área de texto Ignite UI React representa um controle de edição de texto sem formatação de várias linhas. É útil quando você deseja permitir que os usuários insiram uma quantidade considerável de texto de formato livre, como um comentário em um formulário de revisão ou feedback.
Novo componente Grupo de botões
O componente Grupo de botões React é usado para organizar IgrToggleButton s em grupos de botões estilizados com alinhamento horizontal/vertical, seleção única/múltipla e alternância.
Para encerrar tudo...
Perfeitamente criado para compatibilidade, Ignite UI for Angular é a biblioteca que permite aproveitar o poder das tecnologias mais recentes e dos principais lançamentos. Comprometidos em fornecer a você o melhor kit de ferramentas de interface do usuário Angular e insights relacionados, nosso objetivo é equipá-lo com mais know-how, novos recursos, desempenho aprimorado e estabilidade aprimorada. Algumas das melhorias foram adicionadas graças às solicitações de usuários como você por meio de nosso repositório Ignite UI for React GitHub. Com isso em mente, estamos sempre abertos a sugestões e feedbacks – isso nos faz crescer e responder melhor às suas necessidades de desenvolvimento.
Se precisar de mais detalhes, recomendamos que você confira nosso:
Além disso
Siga-Ignite UI no Medium para se manter atualizado e saber mais sobre os últimos projetos relacionados à Angular em que estamos trabalhando. Dê-nos uma estrela no GitHub e ajude-nos a continuar melhorando nosso produto, abordando quaisquer preocupações, perguntas ou solicitações de recursos na seção de problemas.
