Angular 13. O que há de novo

Angular 13 foi lançado recentemente, me deixe dizer quais mudanças considero serem as mais relevantes.

Build Cache

Agora você pode armazenar suas compilações em cache, então, se o módulo não mudou, o Angular não precisa reconstruí-lo. Só isso já vai melhorar sua velocidade de compilação em cerca de 68%.

{
  "cli": {
    "cache": {
      "enabled": true,
      "path": ".angular/cache",
      "environment": "all"
    }
  }
}

{
  "cli": {
    "cache": {
      "enabled": true,
      "path": ".angular/cache",
      "environment": "all"
    }
  }
}

TestBed Destroy After Each

Os testes agora são mais rápidos porque o Angular faz um trabalho melhor de desmontagem após cada teste. Isso introduziu algumas race conditions na minha base de código, então eu tive que desativar. Eu diria que precisa de algumas semanas para ficar estável.

getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting(),
  { teardown: { destroyAfterEach: false } }
);

getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting(),
  { teardown: { destroyAfterEach: false } }
);

Suporte descartado para Internet Explorer 11

Finalmente, estamos deixando de oferecer suporte para o Internet Explorer 11, o que nos permite aproveitar recursos de navegadores mais modernos, como variáveis CSS.

Atualizações de dependência

TypeScript 4.4 e RxJS 7.4 agora têm suporte! Fiz um vídeo sobre RxJS 7, o link está na descrição.

Crie componentes dinamicamente

Se você cria componentes dinamicamente, boas notícias, você não precisa mais da fábrica de componentes, basta usarViewContainerRef.createComponent

const componentFactory =
  componentFactoryResolver.resolveComponentFactory(Component);

const componentRef = componentFactory.create(injector);

viewContainer.insert(componentRef.hostView);

const componentRef = viewContainer.createComponent(Component);

const componentFactory =
  componentFactoryResolver.resolveComponentFactory(Component);

const componentRef = componentFactory.create(injector);

viewContainer.insert(componentRef.hostView);

const componentRef = viewContainer.createComponent(Component);

Conclusão

As referências estão abaixo. Se inscreva caso você goste de desenvolvimento web, e tenha um ótimo dia!

Referências

1. Angular v13 já está disponível
2. Depreciação e remoção do suporte ao Internet Explorer 11
3. Vantagens de abandonar o supoorte ao Internet Explorer 11