Huyoo UI
个人练手组件库,生产项目中谨用。基于 React + TypeScript + Antd + less 开发,组件基于 Ant Design 和 基础组件 react-component 开发,样式延续了 Antd 的风格。欢迎提供意见,加入更多有特色的组件,丰富组件库。你的 star ⭐ ,是对我最大的鼓励。
特性
-
🌈 延续 Antd 一贯的视觉风格 -
📦 渐进式探索高质量的前端代码的实现 -
🛡 使用 TypeScript 开发,提升开发体验 -
✅ 使用单元测试,为组件稳定性保驾护航 -
📖 提供开发过程的文档思路,助力你学习组件开发 -
🔖 欢迎贡献组件代码,探索最佳实践
示例
import { YearPicker } from 'huyoo-ui'
const App = () => (
<>
<YearPicker />
</>
)
引入样式:
import 'huyoo-ui/dist/huyoo-ui.css'
版本依赖
react >= 16.9.0
antd >= 4.14.1
快速上手
# 创建目录
$ mkdir myapp && cd myapp
# 安装依赖
$ yarn add antd
$ yarn add huyoo-ui
本地启动
# 克隆项目
$ git clone huyoo/huyoo-ui
# 安装依赖
$ yarn -i
# 组件打包
$ yarn run build:npm
# 启动本地文档(由于 demo 中有组件引入,需要先执行上一步)
$ yarn run dumi
LICENSE
MIT