Component-Driven Design Using Single Directory Components (SDC)
summary
Drupal 10 now includes an experimental Single Directory Components (SDC) module that brings component-based front-end development to Drupal core. The talk explains what SDC is, how it works, how it integrates with internal and external tools (e.g., parallels to React, Vue, Web Components, Storybook), the benefits and potential for changing Drupal front-end workflows, and how SDC formalizes earlier contributed-module approaches into an official core proposal.
AI-written summary · about
chapters (9)
- 0:00SDC introduction
- 5:09How SDC works
- 10:04Components as plugins
- 15:04Basic implementation
- 20:49Problems SDC solves
- 26:25SDC future possibilities
- 33:05Integration with tools
- 37:45SDC benefits and adoption
- 44:12Q&A
related talks
42mDrupal Twig and SDC Tips for Building Flexible Component Libraries
41mBuilding a Living Component Catalogue with SDC Showcase
47mEnvisioning a Design System Maintained by the Drupal Community
57mComponent Driven Repo for a Component Driven World
57mProgressively Decoupled Drupal, for everyone!
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
57mComponent-based Drupal
22mInclusive development through web components