Angular 17 (next) - Primeiras Impress√Ķes ūüėć

Angular 17 (next) - Primeiras Impress√Ķes ūüėć

·

2 min read

O time do Angular lançou a versão 17 (next) nesta quarta-feira, 4 de outubro de 2023, permitindo que os usuários explorem as novas funcionalidades. Você pode conferir o changelog completo da versão 17 aqui.

Criando Novo Projeto

A cria√ß√£o de novos projetos permanece essencialmente a mesma, com a exce√ß√£o de uma nova op√ß√£o para ativar configura√ß√Ķes de SSR (Server-Side Rendering).

Estrutura do Projeto

O boilerplate inicial do projeto foi significativamente otimizado, com a equipe do Angular focando em tornar o projeto mais limpo. Como observado, os arquivos de rotas e configura√ß√Ķes est√£o mais concisos, e n√£o h√° mais arquivos de m√≥dulos. Todos os componentes agora s√£o criados por padr√£o como standalone components (introduzidos no Angular 16), o que √© lindo ūüėć, pois todos os m√≥dulos agora s√£o importados dentro do componente pai.

Nova Sintaxe

Embora a documenta√ß√£o oficial do Angular ainda n√£o tenha incorporado as op√ß√Ķes de controle de fluxo, √© confirmado que teremos diretrizes como @if, @else, @for, @empty, e @switch. Neste momento, vamos abordar as quatro primeiras.

Em nosso arquivo TypeScript, temos dois métodos: um para alternar o título da página e outro para adicionar uma nova habilidade à nossa matriz de habilidades.

Observe dois blocos de c√≥digo com as classes "novo" e "antigo". Ambos executam a mesma tarefa, mas o c√≥digo tornou-se mais f√°cil de compreender. A destacar, temos a diretiva @empty no bloco de repeti√ß√Ķes, que √© realmente incr√≠vel ūüėć.

Tempo de Compilação

Como você pode ver na imagem acima, o projeto inicial agora gera apenas três arquivos para o bundle, eliminando arquivos como vendor.js e runtime.js. O tempo de compilação de 1.2 segundos é significativamente mais rápido do que os 2.6 segundos da versão 15, por exemplo (rodando em um MacBook com M2).

Conclus√£o

Estou impressionado com o desempenho e as melhorias de sintaxe desta nova vers√£o. Agora, aguardamos a vers√£o 17 definitiva, juntamente com atualiza√ß√Ķes na documenta√ß√£o, para entendermos melhor o quanto ela realmente melhorou.

Did you find this article valuable?

Support Rafael Ferreira by becoming a sponsor. Any amount is appreciated!