Zent是有赞 PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件
2023-02-01 23:33:48
预览
README

有赞logo

Zent logo

Zent ( \ˈzent\ ), a collection of essential UI components written with React.

CI npm version bundle size coverage status PRs welcome

Zent ( \ˈzent\ ) 是有赞 PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件。

目前我们有 50+ 组件,这些组件都已经在有赞的各类 PC 业务中使用,我们会在此基础上,持续开发一些新组件。

我们的目标是让 React 项目开发更快、更简单。

特性

  • 高质量的 React 基础组件以及丰富的业务组件
  • 内置 TypeScript 类型定义文件
  • 支持定制主题
  • 代码/样式按需加载
  • 一套有赞设计师绘制的图标库

支持环境

  • React >= 18
  • 现代浏览器,IE 除外
  • 支持服务端渲染(SSR)

必须的 polyfill

  • es6.object.assign
  • es6.object.is
  • es6.string.ends-with
  • es6.string.starts-with
  • es6.string.includes
  • es7.string.trim-left
  • es7.string.trim-right
  • es6.array.from
  • es6.array.of
  • es6.array.fill
  • es6.array.find
  • es6.array.find-index
  • es7.array.includes

安装

yarn add zent
# or
npm install zent --save

组件文档

https://youzan.github.io/zent/zh/guides/install

贡献代码

修改代码请阅读我们的开发指南

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

开源协议

本项目基于 MIT 协议,请自由地享受和参与开源。