Voltar para todos os projetos

Drupal + React com abordagem Híbrida

Apenas um projeto para entender o conceito de "progressive decoupling" no drupal.

Captura de tela_16-10-2025_163123_drupal-webcomponent.ddev_.site_.jpeg

Tecnologias Usadas

DrupalPHPJavaScriptTailwind CSSMySQLReact

Esse é um projeto pequeno de estudo e aprendizado, feito pra testar como o Drupal e o React podem trabalhar juntos. A ideia foi criar uma página com gráficos financeiros interativos (usando ECharts) e mostrar também notícias relacionadas vindas do próprio Drupal.

O sistema funciona assim:

  • O React pede os dados pra um endpoint do Drupal.
  • O Drupal busca essas informações numa API externa (Brapi), adiciona notícias relacionadas e devolve tudo pronto em JSON.
  • O React mostra o gráfico e, ao mesmo tempo, avisa outro componente pra exibir as notícias.

O legal é que os dois componentes React se comunicam por eventos do navegador, então ficam bem separados, mas ainda trocam informações. Além disso, tudo foi feito pra funcionar com o sistema de blocos do Drupal, o que dá liberdade pra montar o layout da forma que quiser.

No fim das contas, é só um projeto simples pra aprender e testar ideias, explorando integração entre frontend e backend com tecnologias modernas.