The case for web components in Drupal frontends

What if we told you that you could replace 90% of your Twig code with an even more powerful templating language? What if that templating language was supported natively by all modern browsers?

Web components are the W3C standard way of generating HTML, CSS, and JavaScript for modern browsers. Web components bring many powerful features to the frontend of your Drupal sites such as true component-based development, modern JavaScript tooling, and elegant demonstration in tools like Storybook. But some of us feel trepidation introducing such a cutting edge JavaScript-driven technology to our tried-and-true Drupal themes.

In this presentation Adam Juran and Christopher Bloom will walk through the pros and cons that must be considered for implementation of web components on Drupal frontends. We’ll cover topics such as:

* SEO
* Performance
* Flash of unstyled content
* Server side rendering
* Styling and custom CSS variables
* Encapsulation
* Composition vs inheritance
* Integration to existing JavaScript frameworks

This session is intended for intermediate to advanced Drupal frontend developers. You will walk away with the knowledge of whether or not web components are right for your next Drupal project.