Front-end Architecture

We cover how the Shadow DOM encapsulates styles and behavior, why it matters for Drupal theming, and how Web Components fit into modern workflows.

Implementing design systems with Single-Directory Components and using Storybook to increase the ROI on your development efforts.

Exploring the functionality of the new Storybook.js module, enhancements over prior versions, and essential setup guidelines.

We cover the benefits and downsides of custom Web Components, and give you some advice on whether you should use them in your Drupal project.

An introduction to the Component Libraries suite of modules and Storybook.js.

Matt and Mike have Front-end core committer Lauri Eskola on to talk about the new Drupal core theme starterkit that can be used to generate new themes.

Drupal 8’s templating language, Twig, provides a powerful suite of tools that often go underutilized. Find out how they can empower you and themers of all levels to contribute in a maintainable way.

Learn how to easily set up and configure Tugboat's new visual regression testing system.

Poorly implemented external JavaScript can lead to excessive load times. Here's a guide on how to measure the difference with and without these scripts.

Make your Drupal site's subsequent page-loads faster.