Module Federation: MicroFrontends em Angular

Crie MicroFrontends usando Angular e Webpack 5

Classificação: 3.7 de 520 avaliações Total de horas: 1.5 Número de palestras: 27 Nível de dificuldade: Intermediário

Sobre o Curso

O conceito por trás dos microFrontends é visualizar um site ou aplicativo da web como uma composição de recursos de propriedade de equipes independentes. Cada equipe possui seu próprio domínio ou missão distinta em que se especializa. Uma equipe é multifuncional e desenvolve seus recursos de ponta a ponta, desde o banco de dados até a interface do usuário. Module Federation é uma nova tecnologia lançada na versão 5 do webpack (10 de outubro de 2020). No momento da criação deste curso, o Angular 11 ainda não suporta o webpack 5, portanto, não é destinado à produção. No entanto, ainda podemos experimentá-lo porque podemos fazê-lo funcionar com o Angular hoje. Assim que o Angular CLI suportar o Webpack 5, não precisaremos mais dessas soluções alternativas, mas teremos uma maneira mais simples de alcançar tudo isso. No entanto, estudar essa tecnologia hoje nos dá uma boa ideia do que é possível no futuro próximo. Este curso demonstra como usar o Webpack 5 (Module Federation) com o Angular CLI e o plugin @angular-architects/module-federation para criar microFrontends. O objetivo é criar uma shell capaz de carregar um microFrontend compilado e implantado separadamente. A primeira parte será mais teórica, pois explicará os conceitos necessários para entender o restante do curso. Nas segunda e terceira partes, implementaremos nossa primeira shell e microFrontend, e aprenderemos como criar, configurar e configurar ambos. Na quarta e última parte, exploraremos como compartilhar bibliotecas entre diferentes projetos, seja a shell ou os microFrontends.

O que você aprenderá

- Os fundamentos do Module Federation e seu papel na criação de microFrontends - Como usar o Webpack 5 (Module Federation) com o Angular CLI - Configurando e configurando uma shell e microFrontend - Compartilhando bibliotecas entre projetos