Formações Front-end Cursos de micro front-ends: implementando a arquitetura com Single SPA

Formação Cursos de micro front-ends: implementando a arquitetura com Single SPA

Dominando a arquitetura de microfrontends com React e Single SPA

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

25h

Para conclusão

Cursos

Artigo

Essa formação está em pré-lançamento! O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Você já pode fazer os primeiros cursos dessa formação. Ela continuará a ser criada a partir do seu feedback no fim dos cursos e no nosso Discord.

Cursos de micro front-ends: implementando a arquitetura com Single SPA

Micro front-ends são uma maneira de dividir o front-end em pequenas partes independentes, permitindo que diferentes equipes desenvolvam e mantenham suas próprias seções da aplicação sem ficarem presas umas às outras. Isso traz mais flexibilidade e escalabilidade para o desenvolvimento.

O Single SPA entra aqui como a peça chave para fazer essa orquestração funcionar. Ele permite que você carregue, roteie e integre micro front-ends de forma eficiente, garantindo que cada parte funcione em harmonia sem complicar a arquitetura da aplicação.

Nesta formação, você vai aprender como usar o Single SPA com React, explorando desde monorepos com NX até autenticação e roteamento avançado. O foco é preparar você para montar e gerenciar micro front-ends de forma prática, usando o que há de mais eficiente nesse modelo.

Pronto para começar e transformar como você desenvolve aplicações? Vamos nessa!

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

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

Conheça os planos

Com quem você vai aprender?

Pedro Celestino de Mello
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.
Pedro Celestino de Mello
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.

Essa formação está em pré-lançamento. O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Ao mesmo tempo você já pode fazer os primeiros cursos e conteúdo. Ela será criada a partir do seu feedback no fim dos cursos e no nosso Discord.

Passo a passo

1 Micro front-ends com Single SPA
Neste primeiro passo, você vai aprender como organizar e orquestrar micro front-ends usando Single SPA e React. O foco aqui é te dar a base necessária para trabalhar com essa arquitetura de forma eficiente e sem complicação.
Você vai começar entendendo como usar o NX para estruturar seus projetos em um monorepo. Isso vai te ajudar a gerenciar vários micro front-ends em um único repositório, o que facilita bastante na hora de manter tudo organizado. Depois, vamos direto para o Single SPA, onde você vai descobrir como fazer com que diferentes partes da sua aplicação funcionem juntas, de forma leve e sem dor de cabeça.
Outro ponto importante é o roteamento avançado com Single SPA. Aqui, você vai aprender como lidar com múltiplos micro front-ends de forma transparente para o usuário, garantindo que a navegação entre eles seja fluida. Além disso, vamos explorar as arquiteturas de micro front-ends mais utilizadas, para que você entenda como aplicar essa abordagem de acordo com o seu projeto.
Ao final desse passo, você estará pronto para começar a estruturar seus micro front-ends com segurança e organização, usando as melhores ferramentas para garantir uma aplicação escalável e fácil de gerenciar.
- Artigo Monorepos descomplicados: explorando o NX | Alura
- Curso Single SPA: orquestrando micro front-ends
  08h
- Curso Single SPA: roteando micro front-ends de forma avançada
  08h
2 Autenticação em Micro front-ends
Agora que você já entende como orquestrar e estruturar micro front-ends usando Single SPA e React, o próximo passo é focar em um dos maiores desafios para quem trabalha com essa arquitetura: a autenticação. A ideia aqui é garantir que o usuário tenha uma experiência fluida ao navegar entre diferentes micro front-ends sem precisar se autenticar a cada mudança de módulo.
Neste segundo passo, você vai aprender como implementar o Single Sign-On (SSO) em micro front-ends, garantindo que o login seja compartilhado entre todas as partes da aplicação. Além de entender o conceito de SSO, vamos te mostrar como ele se aplica em uma arquitetura de micro front-ends, onde cada parte da aplicação pode estar em ambientes diferentes, mas precisa compartilhar o mesmo estado de autenticação.
Em seguida, vamos aprofundar em estratégias de autenticação específicas para micro front-ends. Isso envolve entender como compartilhar sessões, tokens de autenticação e garantir a segurança em ambientes fragmentados. Você verá diferentes formas de lidar com esse problema, desde o uso de tokens em localStorage ou cookies, até a sincronização de estados de autenticação entre os micro front-ends.
- Curso Single SPA: autenticando micro front-ends
  08h