~/talk

Let's Talk About Web Components

Talkat NDC Porto 2022 · 2022-04-25..04-29· [web-platform, component-design]
slides:none on file

Shows a small blog post component actually built in the browser using Custom Elements API, Shadow DOM (open vs closed) and HTML templates so markup is stored as a template, cloned into an open shadow root, and appended from a JS object array. Claims: native, reusable components with no build step and cross‑framework reuse (Vue noted ~91% compatibility) but still require JavaScript so content is unavailable without scripts; demo compiles and renders after a few live‑coding fixes.

AI-written summary · about

  1. 0:00Start
  2. 1:47HOW WEB COMPONENTS WORK
  3. 11:43CUSTOM ELEMENTS
  4. 18:36SHADOW DOM
  5. 31:30HTML TEMPLATES
  6. 40:14WHY WEB COMPONENTS ARE NOT-SO AWESOME
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.