Implementando micro front-end com Single SPA e React

Muito se fala em micro front-end, mas, como podemos de fato aplicá-lo e começar utilizá-lo na prática em nosso dia-a-dia? Nesse video eu mostro como realizar algumas implementações e resolver alguns problemas com micro front-end utilizar a biblioteca Singla SPA e React.

Durante o vídeo vamos realizar as seguintes implementações:
- Carregar micro front-end por rota
- Carregar micro front-end dentro de outro micro front-end
- Compartilhar estado entre micro front-end
- Realizar comunicação entre micro front-end
- Carregar micro front-end com rotas internas
- Compartilhar dependências comuns entre micro front-end
- Carregar micro front-end com lazy loading e code splitting
- Compartilhar um componente header entre todos os micro front-end
- Registrar micro front-end de forma dinâmica
- Publicar micro front-ends e o orquestrador principal

# Links:

» O que é micro front-end?:
https://www.youtube.com/watch?v=dg4qsABXhE4

» Single SPA:
https://single-spa.js.org/

» ReactJS:
https://reactjs.org/

» React Router DOM:
https://reactrouter.com/web/guides/quick-start

» UNPKG:
https://unpkg.com/

» Digital Ocean:
https://www.digitalocean.com/

» SystemJS:
https://github.com/systemjs/systemjs

» Import Map:
https://github.com/WICG/import-maps

» Netlify:
https://www.netlify.com/

# Projeto:
https://github.com/mahenrique94/video-implementando-micro-front-end-react-single-spa

---------------------------------------------------------------------------------------------------------------------

# Veja também:

» Buscando dados de API com React, Hooks e SWR:
https://www.youtube.com/watch?v=RrRdLEJ2Xrc

» O que é micro front-end?:
https://www.youtube.com/watch?v=dg4qsABXhE4

» Simplificando testes de integração com React e Redux:
https://www.youtube.com/watch?v=CthPfXdQZR0

» Personalizando páginas em aplicações React:
https://www.youtube.com/watch?v=mTiAUqfPIyg

» Publicando aplicação React na Netlify:
https://www.youtube.com/watch?v=inpo5xyXQNk

---------------------------------------------------------------------------------------------------------------------

# Doações:
https://app.picpay.com/user/mahenrique94

---------------------------------------------------------------------------------------------------------------------

# Me siga nas redes sociais:
- Blog: http://blog.matheuscastiglioni.com.br/
- Site Pessoal: http://www.matheuscastiglioni.com.br/
- Facebook: https://www.facebook.com/matheus.castiglioni.5
- Github: https://github.com/mahenrique94
- Instagram: https://www.instagram.com/mahenrique94/
- Linkedin: https://www.linkedin.com/in/matheus-castiglioni-7aa105114/
- Medium: https://medium.com/@mahenrique94
- Twitch: https://www.twitch.tv/mahenrique94
- Twitter: https://twitter.com/mahenrique94