An overview of Drupal front-end component integration methods

48:11
70
0
0
0
0
Share
Jul 15, 2020

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 component libraries and design systems. Gone are the days of redundant styles and markup, making way for the efficiencies found when Drupal and tools like Pattern Lab or Storybook 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.

This session will provide an overview of methods that can be used to provide data from Drupal to a front-end component that lives outside of the traditional Drupal templates directory, including:
- Mapping data via preprocessing
- Mapping data in twig templates
- Helper modules including Component Libraries, Twig Tweak, and Twig Field Value
- Popular component-based themes and starter kits
- UI Patterns and related supporting modules
- Pattern Kit
- Compony
- Single File Components

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as Drupal developer at Symetris, a great Drupal agency in Montreal - Canada.

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.