Formação Cursos de micro front-ends: implementando a arquitetura 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.

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.

Depois de dominar a orquestração e a autenticação em micro front-ends, é hora de focar em como otimizar e escalar sua aplicação. No terceiro e último passo da formação, você vai aprender a compartilhar código e recursos entre os micro front-ends, além de entender como montar um ambiente de desenvolvimento eficiente usando Single SPA e React.

Aqui, você vai explorar como usar utils e módulos compartilhados no Single SPA, que permitem centralizar funcionalidades comuns e evitar a duplicação de código entre os micro front-ends. Vamos te mostrar como estruturar esses módulos para que cada parte da aplicação possa acessar funções, estilos ou até mesmo componentes de forma organizada e fácil de manter.

Além disso, vamos mergulhar no ambiente de desenvolvimento com Single SPA, onde você vai aprender a configurar e otimizar sua stack para que o desenvolvimento e a integração dos micro front-ends seja o mais ágil possível. Isso inclui rodar os micro front-ends de forma independente durante o desenvolvimento, sem perder a capacidade de integrá-los no ambiente final.