Tagged articles
6 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 22, 2025 · Frontend Development

Understanding ShadCN UI: Architecture, Copy‑Paste Philosophy, and CLI Design

The article provides an in‑depth technical overview of ShadCN UI, covering its rapid popularity, copy‑paste component model, separation of design and implementation, variant management, class‑name merging utilities, and the CLI built with commander, zod, prompts and registry handling, illustrating why it has become a leading frontend component library.

CLIRadix UIShadcn UI
0 likes · 21 min read
Understanding ShadCN UI: Architecture, Copy‑Paste Philosophy, and CLI Design
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 28, 2023 · Frontend Development

Lossless Design-Frontend Collaboration: The Evolution of NetEase Cloud Music's Design Collaboration Practice

Since 2021, NetEase Cloud Music’s Design Platform has evolved its design‑frontend workflow through three stages—engineering phase 1.0, phase 2.0, and the AI‑driven intelligent phase—by introducing the C2D2C (Code‑to‑Design‑to‑Code) methodology, unified design systems, LLM‑enhanced code, and generative AI tools, cutting communication overhead and boosting designer and developer productivity by up to 200 %.

AI designC2D2CD2C
0 likes · 31 min read
Lossless Design-Frontend Collaboration: The Evolution of NetEase Cloud Music's Design Collaboration Practice
Sohu Tech Products
Sohu Tech Products
Aug 16, 2023 · Frontend Development

Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all

The article presents yapi-to-all, an interface‑driven tool that automatically generates TypeScript definitions, service functions with useRequest, and page templates from YAPI documentation, eliminating repetitive coding, improving project management and code quality, already producing over 50,000 lines across seven projects, with future AI‑enhanced extensions planned.

API ManagementCode GenerationTypeScript
0 likes · 13 min read
Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Frontend Development

Front‑end Engineering: A Guide for Team Leaders

This article explains front‑end engineering concepts, common pain points, and a systematic learning path for team leaders, illustrating how to build a component library with Vue, adopt standards, CI/CD, monorepo, and TDD to improve team efficiency.

EngineeringTDDci/cd
0 likes · 11 min read
Front‑end Engineering: A Guide for Team Leaders
Aotu Lab
Aotu Lab
Sep 29, 2017 · Frontend Development

Boost Your WeChat Mini‑Program Marketing with the wxapp‑market Component Library

The wxapp‑market library provides a collection of ready‑to‑use marketing components for WeChat mini‑programs—such as big wheel, scratch tickets, slot machines, and gesture locks—along with clear setup instructions, code examples, and a GitHub repository for quick integration.

Marketingcomponent-librarymini-program
0 likes · 3 min read
Boost Your WeChat Mini‑Program Marketing with the wxapp‑market Component Library