Decoupled Blocks (ft. React, JSON API, GraphQL)

Parent Track: 
Design, Theming, & Front-end Development

Drupal traditionally handles both content management and front-end rendering as part of its core functionality. Decoupled Drupal, in contrast, uses Drupal only for the content management, and does front-end rendering completely outside the Drupal ecosystem.

But what if you need to present a dynamic and real-time component for just a small subset of your site’s functionality? Can you have the best of both worlds -- using Drupal as your base and sophisticated JavaScript applications as an enhancement?

You can, and it’s called progressive decoupling --  leveraging parts of Drupal's rendering engine alongside your decoupled applications.

Attendees will leave with an understanding of the following:

  • The pros and cons of progressively decoupling your site
  • The process of adding React applications (or other JavaScript frameworks) as blocks in Drupal
  • Leveraging progressively decoupled blocks in Drupal regions
  • Configuration management between blocks and ReactJS applications
  • xposing Drupal data to the ReactJS app using RESTful means.

With these tools, intermediate Drupal developers can combine the takeaways from this session into a fantastic experience for both end users and site developers.