Progressive Decoupling with React and Apache Solr

chrisarusso
dmurphy1

Our team built a high performing, ultra fast search interface for a client Drupal site using React, Apache Solr, and the Drupal Search API module.

This project allowed us to leverage some of the well-established benefits of decoupling Drupal's content from the presentation layer, while avoiding some of the challenges that come with complete decoupling.

Insights you'll get from this talk:

  • Architecture decisions and the tradeoffs needed to build this interface
  • Gotchas with Apache Solr and the Search API default configuration
  • Best practices for including React in your Drupal project
  • Considerations for how the same technique could be used to improve other aspects of a Drupal site

 

Further Details for the Session Selection Committee:

Here is a link to the actual end product that we delivered: https://www.eomega.org/search

It was a really interesting and exciting project that leveraged several technologies (Drupal, React, Apache Solr). This case study presentation will provide a technical overview on how we were able build this search app.

I have given this presentation at two different conferences earlier this year:

I think this presentation is useful because it (1) demonstrates a really great user experience that is possible with partial decoupling of Drupal, and (2) it provides the technical underpinnings so attendees can implement similar solutions for their own clients and use cases.

Program tags

decoupled, javascript, ux

Experience Level

Intermediate

Drupal Version