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

github.com/stewwan/angular-lazy