Angular Modules

Lazy Loading

Porque desenvolver com módulos?

  • Melhora legibilidade do código
  • Melhora escalabilidade do código
  • Melhora reaproveitamento de features (Plug 'n Play)
  • Melhora organização dos arquivos
  • Melhora testabilidade (DI)
  • Organização de equipes de desenvolvimento

Porque desenvolver com lazy loading?

  • Menos arquivos para baixar (first load)
  • Melhora desempenho da app (first load)

Aplicação Angular Normal

Aplicação Angular Modular

Aplicação Angular Modular Lazy Load

Providers

  • Somente mantém a mesma instância entre todos os componentes quando importados pelo modulo root
  • É possível "wrappar" providers em um módulo, mas se quiser que a instância persista, terá que carregar este módulo também no root
  • Providers importados em módulos que não são diretamente importados pelo root, recebem uma nova instância pelo angular, portanto não persistem estados.

Exemplo prático

Angular Lazy Loading Modules

By Stewan Pacheco

Angular Lazy Loading Modules

Slides para aula do curso Semana do Angular 2017 Advanced

  • 357
Loading comments...

More from Stewan Pacheco