O projeto tenta demonstrar de forma simples a criação e consumo de microfrontends
Nesse projeto temos apenas um microfrontend e um container (consumidor do microfrontend), mas poderíamos ter diversos. O microfrontend é um botão simples, que pode receber sua cor como props e um callback para o evento do click e seu comportamento padrão é que depois de clicado ele deve ficar 2 segundos desabilitado.
Podemos executar apenas o microfrontend (porta 3001) ou também podemos executar o container (porta 3000), consumindo o microfrontend e podendo utilizá-lo como se fosse um componente interno da aplicação.
- Permite reutilizar componentes entre várias aplicações diferentes, delimitando o domínio de cada aplicações frontend;
- Maior facilidade na implementação de novas features e em correção de bugs;
- Permite maior independência entre squads;
Criar o arquivo .env dentro da pasta frontend-container com:
PORT=3000
Criar o arquivo .env dentro da pasta microfrontends com:
PORT=3001
Executar em ambas as pastas
yarn
Executar em ambas as pastas
yarn run start