Under the hood of MDN's new frontend

A long article (23 min read!) on the rebuild of MDN away from React and into Web Components.

There's lots in there, but I particularly like the section starting Web Components that writes about how they're progressively enhancing and how there's thought to the components (such as their mdn-dropdown styles).

I also really like this pattern where modules are auto-loaded and it's easy to switch JS enabled modules off for testing:

for (const element of document.querySelectorAll("*")) {
  const tag = element.tagName.toLowerCase();
  if (tag.startsWith("mdn-")) {
    const component = tag.replace("mdn-", "");
    import(`../components/${component}/element.js`);
  }
}

Source: developer.mozilla.org