The Pinto module - efficient theming for front and back end developers
Time: Wednesday 13th May 11:00-11:30
Room: Loft
Track: Drupal Development
Addressing the inefficiencies of traditional Drupal theming—where logic, markup, and styling are fragmented—the Pinto module by PreviousNext provides an entirely new theming paradigm for Drupal by enabling the reuse of design system components across the entire site using predictable, object-oriented patterns.
It’s a component-first approach that incorporates modern concepts like props and slots with complete type safety for fast and efficient theming.
Pinto components consist of a PHP object definition, CSS, JS and Twig. They can then be rendered anywhere in Drupal.
For both frontenders and backenders, this talk will cover Pinto’s simple setup, how to write a Pinto component, rendering, unit testing, best practices and integration with Storybook.
We will also showcase how Pinto objects can be used directly as Drupal Canvas components, without requiring a Single Directory Component (SDC).
It’s a component-first approach that incorporates modern concepts like props and slots with complete type safety for fast and efficient theming.
Pinto components consist of a PHP object definition, CSS, JS and Twig. They can then be rendered anywhere in Drupal.
For both frontenders and backenders, this talk will cover Pinto’s simple setup, how to write a Pinto component, rendering, unit testing, best practices and integration with Storybook.
We will also showcase how Pinto objects can be used directly as Drupal Canvas components, without requiring a Single Directory Component (SDC).
Speakers
Adam Bramley
I have been working with Drupal for over 15 years. I am a Core subsystem maintainer for Node and Block Content and have been with PreviousNext for 9 years. I have worked across many Australian government and higher education projects. I have presented at several DrupalSouth conferences, and lead the Mentally Healthy Workplaces project that won Best In Show at the DrupalCon Singapore Splash Awards.