Creating & Consuming Web Components for Drupal

Creating beautiful, interactive interfaces in Drupal requires carefully-crafted markup, well-designed javascript, and an expert knowledge of Drupal's behaviors system. When done well, we can deliver designs that delight, but if done poorly or in conjunction with a conflicting library, our house of cards can come tumbling down.

Web Components are a platform-native solution to this problem allowing us to build advanced UIs that are easily repeatable, tightly encapsulated, and virtually immune to conflicts. In this session, we'll look at:

  • the basics of the browser APIs that enable web components
  • a library to make their development easier
  • how to bring them into a Drupal theme
  • proposals for utilizing web components in Drupal coreĀ 

Codepen: Web Components in Vanilla JS
Codepen: Web Components in LitElement

Audience Level
Front end
9:00 - 9:45 AM
Conf Day
New Hampshire (Gaige 202)
Profile picture for user andy-blum
Sr. Front End Developer