Componentes de tema do React

Dev
1

Uma pergunta meio estranha, mas alguém já tentou criar um componente de tema usando React? Vi algumas fontes que fazem o React funcionar com o Ember, mas não tenho certeza se elas poderiam ser aplicadas no contexto de um componente de tema.
por exemplo:
https://medium.com/front-end-weekly/using-react-components-in-your-ember-app-8f7805d409b0

Caso de uso:
O cliente tem um cabeçalho de marca sofisticado escrito em React, usado em todas as suas propriedades web. Essa barra destaca os principais produtos e muda com frequência, então seria bom poder movê-la para seu próprio repositório e ter um único local para atualizá-la, em vez de ter que mantê-la no Ember, React etc.

2

Do link:

Ele funciona, mas você deve ter muito cuidado ao incluir tanto as bibliotecas Ember quanto React em sua aplicação, já que isso significa enviar uma quantidade considerável de JavaScript para seus usuários.

Você precisa avaliar cuidadosamente se aumentar tanto o tempo de carregamento do fórum vale a pena para você.

O caminho mais comum aqui é que o cabeçalho seja escrito em qualquer tecnologia, mas compilado para HTML, e cada projeto subsequente apenas importe o HTML resultante.

3

Obrigado por ser a voz da sanidade :slight_smile:

Consumir o HTML é uma abordagem muito mais razoável. O único problema é que o cabeçalho tem links de Login/Registro que precisam mudar dependendo do estado de login do usuário…

Talvez o truque seja implementar a estrutura principal do cabeçalho, incluindo o Login dinâmico, no Ember, e importar apenas a área de conteúdo que muda com frequência.