Shedding Light on the Shadow DOM

" summary

Explains what the Shadow DOM is and how to apply it to build encapsulated web components using the Stencil web components compiler. Covers practical uses within design systems: styling strategies (including CSS frameworks and shared/global styles) that preserve encapsulation, guidance on when to use or avoid Shadow DOM, and alternative encapsulation techniques for cases where Shadow DOM isn’t appropriate.

AI-written summary · about

" related talks

• 51mShining Light on the Shadow DOMCassondra Roberts · CSS Day 2023
• 29mInspector Web and the Mystery of the Shadow DOMAngelina Fabbro · JSConf EU 2012
• 33mWeb Components with StencilJSMartin Reinhardt, Martin Brecht-Precht · code.talks 2022
• 06mUnlocking the Power of Shadow DOMAnkit Gupta · Conf42 JavaScript 2023
• 36mThe State of Web ComponentsAna Cidre · CityJS Conference 2020
• 29mWhen to Use Web ComponentsTim van der Lippe · Frontend Developer Love 2018
• 44mStencil: From Frameworks to CompilersManuel Martinez-Almeida · JSDayES 2018
• 35mWeb Components - The Lego Bricks of Web DevelopersAaron Czichon · DevDays Europe 2019