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

Made with Slides.com