From Web Components in Action by Benjamin Farrell

This article covers:

  • Component and Class Encapsulation
  • How the Shadow DOM Protects Your Component’s DOM
  • The Open and Closed Shadow DOM
  • Shadow DOM Terminology: Shadow Root, Shadow Boundary, and Shadow Host
  • Polyfilling With the Shady DOM


Take 37% off Web Components in Action. Just enter fccfarrell into the discount code box at checkout at manning.com.


Slots are a way of taking templated content and adding placeholder values that can be replaced by the end user of your Web Component.

While the