Logo do curso
Curso

React:

aplicando arquiteturas de Micro frontends

Quero estudar na alura

12h

Para conclusão

18

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Identifique problemas de monolitos e avalie quando adotar microfront ends.
  • Entenda os ganhos de autonomia, escalabilidade e organização em projetos grandes com o uso de micro frontends.
  • Orquestre microfront ends usando single‑spa e compare abordagens de federation.
  • Configure integrações com Module Federation e Native Federation para compartilhar funcionalidades.
  • Implemente comunicação entre microfront ends com eventos customizados e stores globais.
  • Organize monorepositórios e pacotes com ferramentas como TurboRepo para facilitar o trabalho em equipe.
  • Aplique técnicas de carregamento sob demanda e otimização com Vite, Webpack e React lazy para melhorar a performance.

Público alvo_

Este curso é indicado para desenvolvedores front-end com conhecimentos em React que enfrentam monolitos ou desejam aprender a escalar aplicações dividindo responsabilidades em microfront ends e organizando monorepos.

Pedro Celestino de Mello

Pedro Celestino de Mello

github

linkedin

Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Curso atualizado em 24/02/2026

Ementa

  1. Entendendo micro-frontends

    • Apresentação
    • Preparando o ambiente: ambientação
    • Aprendendo sobre monolitos e microfrontends
    • Lidando com a comunicação entre microfrontends
    • Comparando as abordagens
    • Conhecendo a estrutura do projeto
    • Para saber mais: deploy independente em microfront ends
    • Otimizando a experiência
    • O que aprendemos?
  2. Implementando micro-frontends com Single‑spa

    • Aprendendo sobre o single spa
    • Configurando o shell para o single spa
    • Criando a estrutura do single spa
    • Configurando a renderização do single spa
    • Adicionando serviços e hooks no single spa
    • Para saber mais: supressão de erros do ResizeObserver
    • Faça como eu fiz: single-spa integrado
    • O que aprendemos?
    • Testando o single spa
    • Projeto da aula anterior
  3. Integrando aplicações com Module Federation

    • Projeto da aula anterior
    • Implementando micro front-ends
    • Para saber mais: configuração avançada de shared no module federation
    • Faça como eu fiz: module federation
    • O que aprendemos?
    • Finalizando as configurações no module federation
  4. Explorando Native Federation

    • Projeto da aula anterior
    • Para saber mais: dts no native federation
    • Faça como eu fiz: native federation
    • O que aprendemos?

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React com esse e outros cursos, comece agora!

Conheça os Planos para Empresas