Under the hood of MDN’s new frontend
Web components, Lit, and server-side rendering replace the old React SPA.
Web Components news
-
-
Form-associated custom elements in practice
Retrofitting AgnosticUI with ElementInternals and form validation.
-
Reference Target: having your encapsulation and eating it too
New proposal lets shadow DOM internals be referenced via the host without breaking encapsulation.
-
How to dynamically install custom elements
Auto-import only the elements you actually use, and keep upgrades working after DOM changes.
-
Writing custom elements with lit-html
Light DOM components, plus signals-based state, without committing to full Lit.
-
A production-ready web component starter template
Skip boilerplate with scaffolded tests, CI, and secure npm publishing.
-
Performance monitoring for web components
Using the User Timing API to track real-world component performance
-
Testing HTML Light DOM web components is easier than expected
How Light DOM, Lit, and Testing Library made a legacy app’s web components testable.
-
<color‑input>, a modern color picker web componentAdvanced color picker supports wide-gamut and multiple color spaces.