Zent ( \ˈzent\ ) 是有赞 PC 端 WebUI 规范的 react 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件。目前我们有 50+ 组件，这些组件都已经在有赞的各类 PC 业务中使用，我们会在此基础上，持续开发一些新组件。我们的目标是让 React 项目开发更快、更简单。
特性
- 高质量的 React 基础组件以及丰富的业务组件
- 内置 TypeScript 类型定义文件
- 支持定制主题
- 代码/样式按需加载
- 一套有赞设计师绘制的图标库
支持环境
- React >= 17
- 现代浏览器，IE 除外
- 支持服务端渲染(SSR)
安装
yarn add zent
# or
npm install zent --save
使用组件
import { Button } from 'zent';
// 引入样式
import 'zent/css/index.css';
Reactdom.render(<Button />, mountNode);
按需加载
babel-plugin-zent这个 babel 插件可以帮助减小打包文件的大小，原理是自动做了类似下面的代码变换。
import { Button } from 'zent';
// 变换为
import Button from 'zent/es/button';
适用于基于 Zent 开发的组件库，以及对 Zent 使用量较少的项目。详细使用帮助请看插件的文档。
除此之外，Zent 也支持 ESM 的 tree-shaking 方式配合打包工具来实现按需加载。
链接: https://fly63.com/nav/3836
