Estudo sobre como montar micro frontends usando 'create-mf-app', criou duas aplicações simulando um ambiente onde temos uma DSL desing system library (DSL) e uma aplicação frontend, que vai consumir os serviços os componentes da DSL, com isso vamos explorar varias as técnicas de compartilhamento de código e de self healing que é a habilidade de um micro frontend se auto reconfigurar quando ocorre algum problema.
Clone o repositório.
git clone git@github.com:igor-cotrim/micro-frontends.git containercd no diretório.
cd containerInstale as dependências do diretório principal do projeto:
|
cd dlsInstale as dependencias
yarn installem seguida, entre no diretório dos nossos MFE's
cd hostInstale as dependencias
yarn installInicie o servidor de desenvolvimento em cada aplicação:
yarn startCom isso, você terá os aplicativos em execução em:
- localhost:8080 (aplicativo host)
- localhost:8081 (DSL)
Abra uma dessas portas no navegador de sua escolha e você estará pronto para integrar com o aplicativo inicial 🚀.
- React como uma linguagem de IU
- Webpack5 como module bundler
- module-federation
- Styled components como um gerenciador de estilos
- TailwindCss UI como nosso kit de ferramentas de design