组件库 · Component Library
英文:component library(按单词直读)
技术栈与工具难度:进阶 ★★
🗣️一句话大白话
现成的 UI 零件超市:按钮、弹窗、表格、日期选择器都是调好样式的成品,拿来就用。shadcn/ui、Ant Design、Element Plus 都是它。
🎬真实场景
手写一个像样的日期选择器要一周;从组件库拿一个十分钟搞定,还自带键盘操作和无障碍支持。AI 做管理后台几乎必配组件库。
📮你可以这样说
「「UI 用 shadcn/ui:按钮、弹窗、表格、表单都用它,主题按项目配色定制。不要手写这些基础组件。」」
⚠️边界与常见误解
- ▸组件库决定「长相基调」:中途换库≈重做界面
- ▸不同库风格迥异:Ant Design 偏后台管理、shadcn/ui 偏现代极简
- ▸库升级可能有破坏性变化:升级前看变更日志