Component Based Theming With UI Patterns

Nov 18, 2017

Brian Perry

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 make Drupal more aware of the components in your pattern library. By exposing these patterns as Drupal plugins, UI Patterns Module makes it possible to manage this data mapping process within the Drupal Admin UI and also easily use these patterns with component friendly modules like Paragraphs, Panels and Field Layout.
This session will cover:
Basic setup and use of the UI Patterns Module.
Integrating UI Patterns into a typical workflow and theme structure using Drupal and Pattern Lab.
Using UI Patterns functionality to manage complicated mappings between Drupal and your component library.
Overcoming challenges with onboarding new developers who may not be familiar with this approach to theming.
Creating a component-friendly content editing experience.
This session is for front-end developers who have experimented with a 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.…

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.