Bem a tempo para o Angular 17 – Está Ignite UI 17.0.0!

Angular 17 está aqui com uma marca totalmente nova, novo site, recursos de aprendizagem e muito mais. Mas também temos Ignite UI 17.0.0. Veja o que há de novo lá.

Radoslav Mirchev Last Updated Feb 21, 2025 7min read

Angular 17 está aqui e muitos se referem a ele como Angular Renascimento! Novos recursos, nova marca, novo site, nova identidade voltada para o futuro – essas coisas interessantes o tornam um lançamento realmente especial. E bem a tempo para o Angular 17, há Ignite UI 17.0.0 também.

Try Ignite UI for Angular

Mas por que toda essa empolgação? Vamos dar uma olhada no que há de novo lá:

Uma jornada de aprendizado reescrita, melhor documentação e tutoriais em Angular.dev, capacitando todos a começar a aprender em seu próprio ritmo e usar a estrutura para seus projetos com muito mais facilidade do que antes.
O novo fluxo de controle integrado que tem o objetivo de ajudar os desenvolvedores a lidar com *ngIf, *ngSwitch e *ngFor e alcançar "tempo de execução até 90% mais rápido com loops de fluxo de controle integrados".
As novas visualizações diferidas que permitem o carregamento lento declarativo e poderoso com "ergonomia sem precedentes", tornando Angular mais rápido e com melhor desempenho do que nunca.
Hidratação, suporte a renderização híbrida e SSR – tudo para aprimorar a experiência do desenvolvedor e o desempenho do aplicativo.
Vite e esbuild que agora estão habilitados por padrão para novos projetos.
Além disso, mais coisas que são exploradas em detalhes no blog de lançamento do Angular 17 –Apresentando Angular v17

Como Minko Gechev, líder de produto e DevRel para Angular no Google, aponta; " O renascimento de Angular está indo a todo vapor nas últimas duas versões. Estamos ganhando impulso com melhorias como reatividade baseada em sinal, hidratação, componentes autônomos, composição diretiva e dezenas de outros recursos."

Se formos comparar isso com o que a equipe Ignite UI for Angular faz, são 7 anos acompanhando tudo o que há de novo em Angular, 13 versões principais, em 7 dias na mediana. Tudo isso porque estamos comprometidos em permanecer na vanguarda da inovação. E agora, logo após Angular lançamento do 17, você pode impulsionar seus processos de desenvolvimento com uma biblioteca de Ignite UI for Angular aprimorada, compatível com as atualizações mais recentes e empolgantes da estrutura.

Angular Version	Release date	Ignite UI for Angular	Release date	Turnaround time in days
4.0.0	13-Dec-16	4.0.0	18-April-17	126
5.0.0	1-Nov-17	5.0.0	3-Nov-17	2
6.0.0	4-May-18	6.0.0	21-May-18	17
7.0.0	18-Oct-18	7.0.0	26-Nov-18	39
8.0.0	28-May-19	8.0.0	19-Jun-19	22
9.0.0	6-Feb-20	9.0.0	11-Feb-20	5
10.0.0	24-Jun-20	10.0.0	25-Jun-20	1
11.0.0	11-Nov-20	11.0.0	13-Nov-20	2
12.0.0	12-May-21	12.0.0	14-May-21	2
13.0.0	4-Nov-21	13.0.0	23-Nov-21	19
14.0.0	2-Jun-22	14.0.0	9-Jun-22	7
15.0.0	16-Nov-22	15.0.0	23-Nov-22	7
16.0.0	3-May-23	16.0.0	15-May-23	12
17.0.0	8-Nov-23	17.0.0	9-Nov-23	1

Ignite UI for Angular tempo médio de resposta para corresponder à versão Angular mais recente é de 7 dias!

O que há de novo no Ignite UI for Angular 17.0.0

Angular 17 compatibility

Improved tree-shaking capability

Estamos trabalhando para melhorar a capacidade de agitação de árvores do produto desde a versão 16.1.0. Realizamos as seguintes alterações:

Animações: Agora exportado de um novo ponto de entrada em 'igniteui-angular/animations'. As animações não utilizadas não serão mais agrupadas com o produto.
Localização: Você não obterá mais todos os recursos de localização padrão, independentemente de usar determinados componentes ou não. Você obterá strings apenas para os componentes usados em seu aplicativo.
Marca d'água de avaliação: você não receberá mais uma marca d'água de avaliação no pacote ao usar um pacote licenciado, mesmo que a marca d'água de avaliação não seja usada.
Ícones de materiais estendidos: você não receberá mais ícones não utilizados no pacote.

Componentes autônomos oficiais

O suporte a componentes autônomos agora está fora da versão prévia. Todos os componentes igniteui-angular são exportados como componentes autônomos. Há também matrizes de diretivas de utilitário para cada componente. Leia mais sobre componentes autônomos neste artigo.

Registro de alterações do Ignite UI for Angular 17.0.0 completo

Aqui estão todas as mudanças notáveis:

`IgxCard`
**Alteração significativa** O atributo 'type' foi preterido e será removido em uma versão futura. A visualização padrão do componente do cartão agora é 'delineada'. Os usuários podem alternar para a visualização "elevada" adicionando a propriedade "elevada" recém-criada a um cartão.
O suporte a 'componentes autônomos' agora é oficial
added `IGX_RADIO_GROUP_DIRECTIVES` for `IgxRadioGroupDirective` and `IgxRadioComponent`
'animações' agora são importadas de 'igniteui-angular/animations'/'@infragistics/igniteui-angular/animations'
O tremor de árvores do produto foi melhorado
'igniteui-angular-i18n' agora pode ser abalado em árvore
'igniteui-angular/animations' agora pode ser abalado por árvore
Os componentes 'igniteui-angular' melhoraram a agitação das árvores
**Alteração significativa** 'getCurrentResourceStrings' foi removido. Em vez disso, use as importações de cadeia de caracteres de componente específicas.
Por exemplo, as strings EN vêm de 'igniteui-angular': 'import { GridResourceStringsEN } from 'igniteui-angular';'
Por exemplo, DE ou outras strings de linguagem vêm de 'igniteui-angular-i18n': 'import { GridResourceStringsDE } from 'igniteui-angular-i18n';'
O token e as entradas DisplayDensity foram preteridos em favor do tema '–ig-size'
Estamos trabalhando para reduzir o tamanho da biblioteca
O tamanho do 'IgxRadioComponent' foi reduzido pela metade
O tamanho do 'IgxSwitchComponent' foi reduzido pela metade
`IgxRadioComponent`
**Alteração significativa** 'IChangeRadioEventArgs' agora é 'IChangeCheckboxEventArgs'. 'ng update' para '17.0.0' migrará automaticamente isso para você.
**Alteração significativa** 'RadioLabelPosition' agora é 'LabelPosition'. 'ng update' para '17.0.0' migrará automaticamente isso para você.
`IgxSwitchComponent`
**Alteração interruptiva** 'IChangeSwitchEventArgs' agora é 'IChangeCheckboxEventArgs'. 'ng update' para '17.0.0' migrará automaticamente isso para você.
**Alteração significativa** 'SwitchLabelPosition' agora é 'LabelPosition'. 'ng update' para '17.0.0' migrará automaticamente isso para você.
`IgxCombo`
**Alteração significativa** As propriedades 'IComboSelectionChangingEventArgs' 'newSelection' e 'oldSelection' foram renomeadas para 'newValue' e 'oldValue', respectivamente, para refletir melhor sua função. Assim como o 'valor' do Combo, eles emitirão os valores de propriedade especificados ou itens de dados completos, dependendo se 'valueKey' está definido ou não. As migrações automáticas estão disponíveis e serão aplicadas em 'ng update'.
'IComboSelectionChangingEventArgs' expõe duas novas propriedades: 'newSelection' e 'oldSelection' no lugar das antigas que não são mais afetadas por 'valueKey' e emitem consistentemente itens dos 'dados' do Combo.

Nota: Em cenários de dados remotos com 'valueKey' definido, os itens selecionados que atualmente não fazem parte da parte de dados carregada receberão um objeto de dados de item parcial com a propriedade 'valueKey'.

**Alteração significativa** – As propriedades 'IComboSelectionChangingEventArgs' 'added' e 'removed' agora sempre contêm itens de dados, independentemente de 'valueKey' que está sendo definido. Isso os alinha com as propriedades 'newSelection' e 'oldSelection' atualizadas, incluindo a mesma limitação para dados remotos descrita acima.
`IgxSimpleCombo`
**Alteração significativa** – As propriedades 'ISimpleComboSelectionChangingEventArgs' 'newSelection' e 'oldSelection' foram renomeadas para 'newValue' e 'oldValue', respectivamente, para refletir melhor sua função. Assim como o 'valor' do Combo, eles emitirão o valor da propriedade especificado ou o item de dados completo, dependendo se 'valueKey' está definido ou não. As migrações automáticas estão disponíveis e serão aplicadas em 'ng update'.
'ISimpleComboSelectionChangingEventArgs' expõe duas novas propriedades: 'newSelection' e 'oldSelection' no lugar das antigas que não são mais afetadas por 'valueKey' e emitem consistentemente itens dos 'dados' do Combo.

**Alteração significativa** As propriedades 'value' e 'selection' agora retornam corretamente um único valor ou item de dados em vez do mesmo encapsulado em array e 'undefined' em vez de array vazio, correspondendo aos valores emitidos pelo evento de seleção e ao trabalhar com diretivas 'formControlName'/'ngModel'.
`IgxCombo`,`IgxSimpleCombo`
**Alteração significativa** A propriedade 'displayValue' agora retorna o texto de exibição conforme o esperado (em vez de exibir valores na matriz).

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 Angular 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 for Angular 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.

Angular