Developing themes with Single Directory Components (SDC) in Drupal

Tired of having your component files scattered throughout your theme? Single Directory Components (SDC) has arrived at the core of Drupal to revolutionize frontend development , allowing HTML, CSS, and JS to coexist in one place.

In this hands-on workshop, we'll leave theory behind and get our hands dirty with code. You'll learn real-world strategies for implementing component-based development, exploring everything from native flow to advanced tools that enhance the developer and editor experience.

What will you learn?
SDC Fundamentals: Creation and structure of components under the new Drupal standard.

The Component Ecosystem: We will explore how to integrate SDC with tools such as SDC Styleguide , Storybook , UI Patterns , and Drupal Canvas .

Workflow: How to go from an atomic design to a functional implementation in the CMS.

Requirements and Level
Level: Beginner - Intermediate.

Prerequisites: Basic knowledge of HTML, CSS, and JavaScript. Previous experience navigating the Drupal interface is a plus, but not required.

Environment: We will use DDEV for the local environment. This GitHub repository is ready to clone and start working from the very first minute.

Methodology
The workshop is 100% interactive . Attendees will be able to follow the live demonstration using the prepared repository, allowing each concept explained to be immediately translated into working code on their own machines.