BestHub
Sign in
Tagged articles
4 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 16, 2024 · Frontend Development

Step‑by‑Step Guide to Building a Vue 3 Headless UI Component Library with pnpm, Vite, and TypeScript

This article provides a comprehensive, hands‑on tutorial for creating a Vue 3 Headless UI component library, covering project initialization, workspace configuration, ESLint and Git‑hook setup, TypeScript and Vite integration, unit testing with Vitest, documentation with VitePress, playground creation, monorepo building, and publishing to npm.

Component LibraryDocumentationMonorepo
0 likes · 17 min read
Step‑by‑Step Guide to Building a Vue 3 Headless UI Component Library with pnpm, Vite, and TypeScript
ELab Team
ELab Team
Feb 21, 2023 · Frontend Development

Boost Front‑End Component Design: Usability, Extensibility, and Best Practices

This article explains why front‑end component design matters and provides practical guidance on improving component usability, choosing between slots and props, writing standardized APIs, and achieving high extensibility through techniques like DOM hand‑off and headless UI patterns.

APIComponent DesignSlot
0 likes · 14 min read
Boost Front‑End Component Design: Usability, Extensibility, and Best Practices
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 6, 2022 · Frontend Development

Why Headless UI Is Shaping the Future of React Component Design

An in‑depth exploration of Headless UI explains its React‑Hooks‑based, UI‑agnostic architecture, the problems it solves compared to traditional class components, and how extracting state logic into custom hooks enables highly customizable, reusable components while highlighting its advantages, drawbacks, ecosystem, and future prospects.

React HooksUI architectureheadless UI
0 likes · 15 min read
Why Headless UI Is Shaping the Future of React Component Design