Texas Camp 2018 | Component Based Theming With UI Patterns

59:01
122
2
0
0
0
Share
Jun 01, 2018

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.

https://2018.texascamp.org/sessions/component-based-theming-with-ui-pat…

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.