I’m Not a Front-End Dev: Building Clean UI in Drupal with SDCs and Shoelace

This talk, presented by Yi Jiang, explores how to leverage Single Directory Components (SDCs) and Web Components like Shoelace for building modern user interfaces within Drupal. The speaker discusses the challenges faced by full-stack Drupal developers when integrating front-end frameworks and presents a framework-free approach that enhances scalability. The session demonstrates how to create reusable and maintainable elements that seamlessly integrate with Twig, Layout Builder, and Paragraphs, offering practical examples and insights drawn from real projects. This presentation is aimed at developers who want a sustainable UI strategy that doesn't necessitate extensive front-end expertise.