Building Clean UI in Drupal with Single Directory Components and Shoelace
Drupal Association via YouTube
Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off
Earn Your Business Degree, Tuition-Free, 100% Online!
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Discover how to build modern, clean user interfaces in Drupal without becoming a front-end specialist by leveraging Single Directory Components (SDCs) and Shoelace Web Components. Learn a scalable, framework-free approach that avoids the complexity and opinions of traditional front-end frameworks like React or Vue while still delivering contemporary UI experiences. Explore practical implementation strategies for integrating Web Components within SDCs to create reusable, maintainable elements that work seamlessly with Drupal's existing systems including Twig templating, Layout Builder, and Paragraphs. Examine real-world examples and understand the trade-offs involved in adopting this sustainable, future-friendly UI development approach. Gain insights into how full-stack Drupal developers can create professional user interfaces without requiring deep front-end framework expertise, making this solution ideal for developers who prefer working within Drupal's ecosystem rather than external design tools.
Syllabus
I’m Not a Front-End Dev: Building Clean UI in Drupal with SDCs and Shoelace
Taught by
Drupal Association