Drupal + React with a Hybrid Approach

This is a small study and learning project, built to test how Drupal and React can work together. The idea was to create a page with interactive financial charts (using ECharts) and also display related news pulled directly from Drupal.

Here’s how the system works:

• React requests data from a Drupal endpoint.
• Drupal fetches that information from an external API (Brapi), adds related news, and returns everything ready in JSON format.
• React displays the chart and, at the same time, notifies another component to show the news.

The cool part is that the two React components communicate through browser events, so they remain nicely decoupled while still sharing information. On top of that, everything was built to work with Drupal’s block system, giving full flexibility to arrange the layout however you want.

In the end, it’s just a simple project for learning and experimentation, exploring the integration between frontend and backend using modern technologies.