Envisioning a Design System maintained by the Drupal Community

The Generic Drupal Web Components project aims to create a library of web components that are accessible, framework agnostic, possible to style, and easy to use with data provided by Drupal. In support of the Decoupled Menus initiative, an initial menu component was created as a proof of concept. This talk will focus on the lessons learned creating this menu component, and how this model could be followed to create a full design system that could be maintained by the Drupal community at large. Topics will include:

- How using web components allows us to offer a single set of components that can be used in a variety of front ends, from popular JavaScript frameworks like React, to Drupal's Twig based templating engine.
- Structuring components to allow a variety of styling options and data sources.
- Finding a scalable approach to managing state.
- Thinking ahead to the possible impact of a community driven design system.
- Learning from similar efforts within the Drupal ecosystem.
- Keys to success for this project, and how you can help.

Audience Level
Front end
3:00 - 3:45 PM
Conf Day
New Hampshire (Gaige 202)
Profile picture for user brianperry
Staff Software Engineer

Brian is a versatile developer with experience building complex, interactive web applications in support of large-scale localized sites. Recently he has focused his efforts on evolving Drupal front-end development practices, decoupled Drupal, and design systems and has spoken on the topic at various Drupal events. Brian is a coordinator of the Decoupled Menus Initiative and loves all things Nintendo.