Introdução a Microfrontends

Workshop

16 vídeos • 02:20:32

Seção 01 | Teoria

  1. 1.

    Apresentação do Instrutor

    01:52
  2. 2.

    Apresentação dos Microfrontends

    09:54
  3. 3.

    Framework de Decisões de Microfrontends

    10:40

Seção 02 | Iframes e Outras Estratégias

  1. 4.

    Microfrontends com Iframes - Criando o Header

    09:14
  2. 5.

    Estilizando o Header

    03:09
  3. 6.

    Adicionando o Header com Iframe

    02:12
  4. 7.

    Outra estratégia: Bibliotecas de componentes

    02:27

Seção 03 | Module Federation

  1. 8.

    Introdução ao Module Federation

    03:36
  2. 9.

    Criando os componentes Header e Footer

    08:13
  3. 10.

    Configurando o Module Federation

    12:24
  4. 11.

    Otimizando Importações

    08:28
  5. 12.

    Trocando Informações entre componentes

    03:27
  6. 13.

    Criando a API do Pet Shop

    07:32
  7. 14.

    Criando o Front do Pet Shop

    21:46
  8. 15.

    Conectando os microfrontends

    14:55
  9. 16.

    Adicionando Rotas à Aplicação

    20:43
Login
Workshops>Introdução a Microfrontends>Adicionando o Header com Iframe

Adicionando o Header com Iframe

O Header é nosso primeiro microfrontend. Vamos adicioná-lo ao frontend “pai” que é o App Root, usando a técnica de iframe. Vamos mostrar também algumas razões pelas quais não utilizamos muito os iframes como técnica para microfrontend.

Comentários

(0)