Skip Content

Weeknote 18/2021

  ⁃  Notes

Web Components

Are comprised of:

  • Custom elements - contain their own semantics, behaviors, markup and can be shared across frameworks and browsers.
  • Shadow DOM - an encapsulated version of the DOM. We still have total control over that part of our page, but scoped to a context.
  • HTML <template> element allows us to create re-usable templates of code inside HTML. It won’t be immediately rendered, but can be used later.

Introductions to Web Components

Courses

Examples

Styling

Where my reading left me