https://github.com/oweqian/modric-ui

基于 React + Typescript + React-Testing-Library + Storybook 的个人 UI 组件库开发实战 🍇
https://github.com/oweqian/modric-ui

react storybook typescript

Last synced: 3 months ago
JSON representation

基于 React + Typescript + React-Testing-Library + Storybook 的个人 UI 组件库开发实战 🍇

• Host: GitHub
• URL: https://github.com/oweqian/modric-ui
• Owner: OweQian
• License: mit
• Created: 2022-08-15T00:25:08.000Z (over 2 years ago)
• Default Branch: feature/V1.0.0
• Last Pushed: 2022-08-21T17:56:30.000Z (over 2 years ago)
• Last Synced: 2024-09-14T17:12:29.401Z (5 months ago)
• Topics: react, storybook, typescript
• Language: TypeScript
• Homepage:
• Size: 3.56 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## modric-ui component library

## 使用 React+typescript 从零到一打造的组件库

~~~javascript

npm install modric-ui --save

~~~

### 使用

~~~javascript

// 加载样式

import 'modric-ui/dist/index.css'

// 引入组件

import { Button } from 'modric-ui'

~~~

* 🔥typescript with React Hooks

* ⛑️使用 react-testing-library 完成单元测试

* 📚使用 storybook 本地调试和生成文档页面

* 📚使用 react-doc-gen 自动生成文档

* 📦使用第三方库扩充组件-(react-fontawesome, react-transition-group)

* 🎉npm publish，husky提交发布前验证，travis CI/CD 集成，发布文档站点等

~~~bash

// 启动本地环境

npm run storybook

// 单元测试

npm run test

// build可发布静态文件

npm run build

// 发布到 npm

npm run publish

~~~