Web Components: Custom Elements and Shadow DOM Explained

Why This Matters In a recent project, I used Vue to create Custom Elements, which differs significantly from the traditional single Vue instance rendered into a DOM node. This sparked my deep dive into the topic. Creating a Custom Element Let's start with the basics: how to define a custom element. Suppose we want a drawer component: class MyDr ...

Posted on Sun, 18 Oct 2026 16:53:42 +0000 by tkmk

Understanding Micro Frontends with qiankun

The core concept of micro frontends is to treat the frontend application as a whole, composed of multiple independent parts. Each part is considered a micro-frontend application, which can have its own technology stack, development process, and team organization. This approach allows teams to develop and deploy sub-applications independently, r ...

Posted on Mon, 14 Sep 2026 16:50:32 +0000 by ycoleman

Designing High-Quality Declarative HTML APIs

Developers often assume that everyone working with HTML also understands JavaScript. This assumption creates barriers for designers and content creators who primarily work with markup and styling. A well-designed HTML API should make functionality accessible through declarative markup rather than requiring script initialization. Consider the di ...

Posted on Tue, 28 Jul 2026 17:04:01 +0000 by milsaw