Nova seleção com links para notícias e materiais.

Boa leitura!

Lançamentos

Angular

Angular 7.2.2 - suporte aprimorado ao Bazel

CLI angular

CLI angular 7.2.3 - bugs corrigidos, estabilidade aprimorada

Angular CLI 7.3.0-beta.0 - muitas melhorias relacionadas ao Ivy, sinalizador experimentalIvy adicionado para gerar um novo aplicativo com o Ivy

CLI angular 7.3.0-rc.0

Ionic

4.0.0 Neutrônio - Divirta-se!

NGRX

NGRX 7.1.0

TypeScript

TypeScript 3.2.4

TypeScript 3.3 RC - suporte aprimorado para tipos de união e acelerou a construção incremental de projetos compostos 4 vezes.

Os Projetos compostos foram publicados novamente no TypeScript 3 e podem ser lidos aqui .

Você pode ler mais sobre o novo lançamento no site oficial .

As ferramentas

O Angular Console , que adiciona uma interface do usuário para a CLI Angular, agora possui seu próprio plug-in no código VS.

O ngx-quicklink da mgechev , usando a API Intersection Observer para a estratégia de pré-carregamento, acelera o carregamento de aplicativos Angular.

Semelhante ao comando rxjs-operator-counter , Rustam escreveu o utilitário ng-app-counter para Angular .

O rx-handler é uma excelente ferramenta do ReactiveX que reduz o padrão.

O rxjs-watcher é uma extensão simples para o Chrome DevTools que renderiza o RxJS.

serverx-ts é uma estrutura HTTP experimental do Node.js. usando RxJS.

Pense que você conhece bem o RxJS ? Teste seus conhecimentos no mini-jogo RxJS Puzzles !

O TweetDeck é um aplicativo para rastrear repositórios do GitHub.

O fx é uma incrível ferramenta CLI para visualização e edição conveniente do JSON no terminal.

O Spectator é uma ferramenta útil para testar aplicativos Angular, o que facilita o teste e reduz a quantidade de clichê.

NgxFormly é uma ferramenta simples para criar e exibir dinamicamente formulários reativos.

Prettier é uma ferramenta de formatação de código. Possui uma configuração minimalista, existe integração com todos os IDEs e suporta muitos idiomas.

Para uma instalação Prettier fácil em Angular , existe um esquema pronto

O cliente HTTP Karin usa excepcionalmente literais de modelo.
(Não é recomendável usar, usar mecanismos padrão)

RunJS - bloco de rascunho para suas experiências com o Node.JS (somente macOS)

Artigos interessantes

Antes de fazer micro otimizações, verifique se todas as opções acima já foram feitas para o seu aplicativo Angular :

• Use a CLI angular
• Comprima seus ativos brotli / gzip
• Usar divisão de código com loadChildren
• Rotas de pré-carregamento
• Use o trabalhador do Serviço Angular

https://github.com/mgechev/angular-performance-checklist

ExpressionChangedAfterItHasBeenCheckedError

Tudo o que você precisa saber sobre ExpressionChangedAfterItHasBeenCheckedError
https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

Injetor angular

Para fornecer uma pesquisa rápida por fornecedores, o Angular usa o Bloom Filters sob o capô. Há um artigo maravilhoso que explica essa estrutura de dados em detalhes:
https://llimllib.imtqy.com/bloomfilter-tutorial/

Formas angulares

Organizando um aplicativo usando o NgxFormly
https://hackernoon.com/organize-your-forms-application-using-ngx-fomrly-796150461045

Tratamento de erros com Angular e NgxFormly
https://itnext.io/error-handling-with-angular-6-and-ngx-formly-8272a3aa7871

Monorepo angular

Nrwl publicou o livro " Angular Enterprise Monorepo Patterns ".
https://go.nrwl.io/angular-enterprise-monorepo-patterns-new-book

Hera experimental

Você pode experimentar o Ivy agora, para isso, pode usar o aplicativo pronto.
https://github.com/thekiba/angular-experimental-ivy

Ou faça você mesmo alguns passos:

• Atualize angular / cli para 7.3.0-beta.0
• Crie uma nova aplicação
• Atualizar manualmente o angular para 8.0.0-beta.0
• Remova o parâmetro es5BrowserSupport do angular.json

npm i -g @angular/cli@7.3.0-beta.0 ng new angular-ivy --experimentalIvy 

Ivy performance

Kliment Ru fez uma pesquisa maravilhosa sobre o desempenho de Ivy e obteve resultados inesperados.
https://medium.com/ngx/angular-ivy-perfomance-f98e5ca2e45e

Ivy & AngularNYC

Igor Minar no AngularNYC responde a perguntas sobre o IVY .
https://youtu.be/a3j5U5WVmUo

Angular e Bazel

Minko Gechev responde perguntas relacionadas a Angular e Bazel , e fala sobre características interessantes do novo colecionador.
https://youtu.be/vlIhnYnMAX0

Bazel

Compilação incremental e remota de Angular em servidores usando Bazel.
https://blog.nrwl.io/building-angular-applications-remotely-with-bazel-efc506e44726

Apresentando o Ionic 4

Hoje, tenho o prazer de anunciar o lançamento do Ionic Framework 4.0 , que pode ser facilmente chamado de "Ionic for Everyone" .
Max lynch
https://blog.ionicframework.com/introducing-ionic-4-ionic-for-everyone/

NGRX 7

O NGRX possui um site https://ngrx.io com documentação detalhada.
A nova versão adicionou o tão esperado suporte de tipo Actions , nos apresentou os Selector Props , os métodos de ciclo de vida OnInitEffects e OnIdentifyEffects . Suporte aprimorado para Entity , Router Store e Store Devtools .
https://medium.com/@ngrx/announcing-ngrx-version-7-docs-testing-and-more-b43eee2795a4

Formas angulares: mapeamento de erro mágico

O Netanel Basal fala sobre como você pode usar diretivas para exibir mais facilmente erros no Angular.
https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5

Barra de ativação para RxJS

Cédric Soulas atualizou o reactive.how e adicionou uma barra de ativação conveniente para procurar os operadores necessários em várias categorias.

• Explorar categorias
• Procure operadores
• Estude-os

https://reactive.how/rxjs/

Se você ainda não se inscreveu, assine o meu canal no Twitter e no Telegram , bem como participe do grupo Telegram para acompanhar os últimos desenvolvimentos no mundo angular.