Texas Camp 2018 | Component Based Theming With UI Patterns

Since the release of Drupal 8, great strides have been made to develop a component based theming workflow that takes advantage of the best that Twig has to offer and also plays nice with living style guides and pattern libraries. Gone are the days of redundant styles and markup, making way for the efficiencies found when Drupal and tools like Pattern Lab and KSS can share the exact same code. That said, handling the mapping of data between Drupal and your component library can still be quite complicated and difficult to coordinate on larger cross-functional teams.

The UI Patterns Module offers a number of powerful ways to define and manage components in a way that Drupal understands. By exposing these patterns as Drupal plugins, UI Patterns makes it possible to manage this data mapping process within the Drupal Admin UI and also easily use these patterns from your pattern library with component friendly modules like Paragraphs, Panels and Field Layout.

This session will cover:
* A brief introduction to component based theming concepts
* An overview of the common approach to integrating Drupal with pattern library components without the UI Patterns Module.
* Basic setup and use of the UI Patterns Module to manage mappings between Drupal and your pattern library.
* The various integration sub-modules included with UI Patterns.
* Advanced topics like rendering patterns via a Twig function, rendering patterns programmatically, handling sub-patterns, and pattern variants.
* A proposed workflow for using UI Patterns alongside an external Pattern Library like Pattern Lab.
* A look at the Foundation Patterns theme and efforts to use UI Patterns in a contributed theme.

This session is for front-end developers who have experimented with component based theming in Drupal 8 and have been looking to streamline the process. It is also for front-end developers who haven’t yet adopted this emerging component based theming approach and have wondered how it might impact their workflow. And for those who are involved with Drupal 8 projects but are not front-end developers, this session should help you become aware of some of the potential challenges, as well as the advantages to this component based theming approach as it relates to your work.

Brian Perry
Brian is a versatile full-stack 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 style guide development techniques and has spoken on the topic at various Drupal events. Brian is a Drupal 7 and Drupal 8 Acquia Certified Grand Master and loves all things Nintendo.


Drupal is a registered trademark of Dries Buytaert.