Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore how modern web standards can revolutionize Drupal's theming system in this intermediate-level conference talk. Discover the potential of integrating Declarative Shadow DOM with Drupal's Single Directory Components to bridge the gap between traditional server-side rendering and contemporary JavaScript frameworks. Learn how Web Components have evolved from client-side only implementations to include server-side capabilities through Declarative Shadow DOM, enabling components to be defined using HTML and CSS without requiring JavaScript. Examine the alignment between SDC components and Web Components, including their respective "slot" concepts, and understand how server-side Web Components can seamlessly integrate client-side JavaScript functionality through Custom Elements and Shadow DOM. Gain insights into how this approach could modernize Drupal's rendering system while maintaining its server-side rendering advantages. The session includes a collaborative Q&A segment encouraging participant engagement and knowledge sharing. Prerequisites include familiarity with server-side versus client-side rendering trade-offs, with a brief overview of Web Components APIs (Custom Elements, Shadow DOM, and HTML Templates) provided for newcomers.
Syllabus
Declarative Shadow DOM and the future of Drupal Theming
Taught by
Drupal Association