Shadow DOM 의존성 탈피 및 TypeScript 기반 DOM-Decoupled 라이프사이클 구현
Wraplet vs Web Components
Zero Build Step 기반의 Full-Stack Framework bQuery.js 설계 분석
bQuery.js Grows Up: From Tiny jQuery Tribute to a Full-Stack Framework — and a Brand New Home at bquery.js.org 🎉
JS 로직 없는 CSS Variable 기반 Reactive UI 아키텍처 구현
State.js Tutorial: Creating Reusable UI Components with Pure CSS Reactivity
1kb 미만 경량 라이브러리를 통한 Web Components Boilerplate 제거
Drow.js: A Practical Look at the Tiny Web Components Library
Svelte 기반 Microfrontends 도입으로 런타임 오버헤드 제거 및 번들 크기 90% 이상 절감
Building Microfrontends with Svelte: A Modern Approach to Scalable Web Apps
Web Components와 Native Federation 기반의 다중 프레임워크 통합 아키텍처 설계
The Frankenstein Meeting Room: How to Stitch Angular, React, and Svelte Into One App
UUIDv7과 Soft Delete 전략을 통한 고성능 확장형 Changelog 시스템 설계
How I Built FeedLog: Three Repos, One Product
Harmony 및 Codex CLI 데이터 가시화를 위한 브라우저 기반 전용 뷰어 Euphony 공개
OpenAI Euphony: A Browser-Based Viewer for Harmony Conversations and Codex CLI Sessions
6KB 경량 Web Components 기반의 선언적 UI 컴포지션 프레임워크
Symbiote.js: superpowers for Web Components
AI 생성물을 런타임 구조로 제어하는 4가지 엔지니어링 패턴 분석
Claude Design Looks Like AI Magic. Reading the Source, It's Four Engineering Patterns.
Native HTML/CSS 동작을 유지하는 Virtual Scroll Custom Element 설계
I built a virtual-scroll custom element that behaves like a normal scroll container
Web Components의 메모리 낭비와 성능 저하, JS Object 기반 렌더링으로 해결
What's Actually Wrong with Web Components
bQuery.js가 jQuery의 직관성에 신호 기반 반응성을 결합해 빌드 단계 없이 모던 웹 개발 가능
bQuery.js 🥂 The jQuery for the Modern Web Platform
dirham이 Web Component 기반 <dirham-price> 컴포넌트를 추가해 모든 프레임워크에서 UAE Dirham 화폐 형식 지원
dirham v1.3.0 — A Universal Web Component for the UAE Dirham Symbol
Web Components 생태계에서 Declarative Custom Elements(DCE) 도입으로 JavaScript 없이 재사용 가능한 템플릿 정의 및 FOUC 제거
How Declarative Custom Elements (DCE) Could Improve Web Components
Gradio 6의 gr.HTML 컴포넌트가 커스텀 템플릿, 스코프 CSS, JavaScript 상호작용을 지원하면서 단일 Python 파일로 프론트엔드·백엔드·상태 관리를 구현 가능
One-Shot Any Web App with Gradio's gr.HTML