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