Speaker: 
Parent Track: 
Design, Theming, & Front-end Development
Audience: 
Intermediate

Components and UI Pattern Libraries are the future of building internet-connected graphic user experiences. These are small, reusable bits or ‘patterns’ of HTML, JS, CSS, and even templates like Twig or Handlebars. Whether it’s React’s JS components or a static styleguide, front-end developers want to handcraft reusable, dynamic components that are consistent across applications and platforms - web, mobile, desktop, and connected devices. Together these components make libraries that form the basis of modern client deliverables - but getting them into Drupal Core is not an easy feat.

The discussion is slowly progressing on how to get this power into Drupal Core, revolving around contrib modules such as the Components Library, UI Patterns, and PatternLab - but there’s a long way to go.

From one of the developers working hard on solving this issue comes the latest on the contrib and core development. We’ll cover not only a brief on components in Drupal, but the modules that are out now. Most importantly, I’ll show you:

  • How components add value while requiring very little investment in the web development pipeline itself
  • Real world Drupal 8 production components
  • The current contrib modules that make component-based builds a reality
  • The future of components in Drupal contrib space…
  • … and in Drupal 8 core

 

Prerequisites:

  • Some knowledge of front-end development

 

About Our Presenters

Derek Reese

Derek Reese is a full stack developer specializing in pipelines, software architecture, and toolsets. He has been working with Drupal since version 5. Derek has experience speaking at Drupal Cons, Camps, and to private audiences. He’s helped present everything from new technology pipelines to film pitches.

 

He has spent the past few years working on solutions for bringing front components into Drupal as well as contributing discussion, code, and reviews to Drupal.org component issues.

 

Recent Drupal Presentations: