Qual tecnologia utilizar, quando utilizar e por que utilizar? Introdução Module Federation e Single SPA são duas abordagens populares para construir micro frontends. Arquitetura e Funcionamento Module Federation: É uma funcionalidade introduzida no Webpack 5 que permite que várias aplicações compartilhem código e dependências de maneira dinâmica em tempo de execução. A ideia principal é […]
O Angular v18 acaba de ser lançado, trazendo uma série de novas funcionalidades e melhorias que prometem transformar a maneira como desenvolvemos aplicações com este popular framework. Neste post, vamos explorar as principais novidades dessa versão e como você pode aproveitá-las em seus projetos. Vamos começar! Zoneless Change Detection O Que É? Uma das novidades […]
Em resumo, se você está principalmente interessado em testes de ponta a ponta e procura uma solução fácil de usar e rápida, o Cypress pode ser a melhor escolha. Por outro lado, se você precisa de mais flexibilidade e controle sobre o navegador, ou se tem outros casos de uso além dos testes de ponta a ponta, o Puppeteer pode ser mais adequado. Em alguns casos, pode até ser benéfico usar ambos em conjunto, dependendo das necessidades do seu projeto.
Antes de atualizar Você não precisa fazer nada antes de alternar entre essas versões. Atualize para a nova versão Revise essas alterações e execute as ações para atualizar seu aplicativo.Certifique-se de estar usando uma versão compatível do node.js antes de atualizar seu aplicativo. Angular v17 suporta versões node.js: v18.13.0 e mais recentes. Certifique-se de estar usando […]
O Puppeteer , uma ferramenta poderosa para automatizar as interações do navegador, agora é ainda mais fácil de integrar aos seus projetos Angular graças ao pacote recém-lançado. @puppeteer/ng-schematics Este pacote fornece uma experiência pronta para uso para configurar e executar testes do Puppeteer, minimizando a carga de configuração e acelerando sua jornada de automação — especialmente na criação de testes […]
Introdução Ao ter o primeiro contato com Angular há um grande fluxo de novas informações para assimilar e entender. Qualquer abstração de código leva a uma nova camada de um código que, mesmo mais simples, é desconhecido. Por isso, é importante ter atenção, paciência e percepção ao começar os estudos de bibliotecas desse tipo. Nesse […]
1. Comece pelo básico Como tudo na vida, comece a aprender Javascript pelo início. Não adianta iniciar seus estudos em tópicos avançados ou nos frameworks se não dominar o básico da linguagem. Estude Javascript e aprenda sobre sua sintaxe, tipos de dados, funções, estruturas de repetição, variáveis e escopos, ECMAScript. Também é recomendado entender um […]
Angular chegou com novidades no quesito de desenvolvimento e performance nessa última atualização do dia 06/11/2023. Deferrable, trazendo uma forma e experiência na performance e desenvolvimento;90% a mais de velocidade no control-flow nos teste de benchmarks;87% de velocidade no build de render híbridos e 67% no client side render;Novo visual na identidade do Angular;Uma interação na […]
No Angular v16 ganhamos um novo sistema de hidratação . Também foi sugerido que experimentos para hidratação parcial e retomada estão em andamento . Esta é uma ótima notícia para os desenvolvedores Angular, mas ainda há muito trabalho a ser feito para tornar os aplicativos Angular com melhor desempenho e SEO mais amigáveis. Embora a Hidratação e a Retomabilidade sejam ótimas […]
A diferença é que o FormBuilder é um serviço injetável fornecido junto com o módulo de formulários reativos. Esse serviço possui três métodos ( control(), group() e array() ). Já o FormGroup é uma classe que agrega os valores de cada filho FormControl em um objeto, com cada nome de controle como a chave. Assim, pode gerenciar o valor e o […]