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

Feb 17, 2019

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.

Tommy Sliker
Drupal Engineer & Themer at Kanopi Studios

Acquia Certified Developer - Frontend Specialist

I have been working with Drupal since 2010, initially as a Drupal Themer using contrib modules, HTML, CSS, and JS, while over time gaining more backend knowledge of custom module development, Linux, PHP, and GIT. At Kanopi, I work on Drupal support projects on both front- and back-end, developing new features for existing websites, keeping the websites up to date, and fixing bugs in the existing sites.

I enjoy messing with headless Drupal and Javascript frameworks, building features using PHP or JS, and loves the gratification of pushing something to production after a challenging journey. Within the open source community, I have contributed Drupal raps, as well as created patches to Drupal core and contrib modules over the years.…

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.