Quark Design 是一套企业级跨框架 UI 设计语言，底层基于 Web components。
特性：
- 支持 Vue、React、Angular 等各类框架/无框架。
- 完全覆盖您所需要的各种通用组件。
- 支持按需引用。
- 详尽的文档和示例。
- 单元测试覆盖。
- 支持 TypeScript。
- 支持定制主题。
- 国际化语言支持。
- 支持服务端渲染（Beta）。
| framework | CDN | 打包/构建工具 | Typescript | 开源时间 | 支持技术栈/框架 |
|---|---|---|---|---|---|
| Quark | 80.1kb | Rollup | √ | 2022 | Vue/React/Angular/JQ/Svelte/无框架 |
| Vant | 183kb | Vite(Vant-cli) | √ | 2017 | Vue |
| Nutui | 275.5kb | Vite | √ | 2018 | Vue |
| TDesign Mobile | - | Gulp | √ | 2021 | React |
| Antd Mobile | - | Gulp | √ | 2016 | React |
动机
技术框架的出现，提升了开发体验以页面性能，但技术框架的不断迭代更新，为项目的维护带来诸多挑战，如：
- 视觉组件无法跨技术框架（React、Vue等）使用
- 技术框架一旦升级，视觉组件常常必须配合迭代升级
因此，开发团队开发了这套 UI 框架，旨在与技术框架隔离（技术栈无关），让视觉组件避免落入技术栈迭代而迭代的怪圈。
安装
# Vue/Angular/JQ/无框架工程
npm i quarkd
# React 项目
npm i @quarkd/quark-react
评论