npm

@yangxinhao/react-ui
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

React 组件库

使用 React Hooks 和 typescript ,由浅入深的提高自己的 React 和 typescript 水平

image-20240508171649251

image-20240508171714061

安装

npm install @yangxinhao/react-ui --save

使用

// 加载样式
import '@yangxinhao/react-ui/dist/index.css'
// 引入组件
import { Button } from '@yangxinhao/react-ui'

亮点

  • 🔥typescript with React Hooks
  • 💧渐进式的学习
  • ⛑️使用 react-testing-library 完成单元测试
  • 📚使用 storybook 本地调试和生成文档页面
  • 📚使用 react-doc-gen 自动生成文档
  • 📦使用第三方库扩充组件-(react-fontawesome, react-transition-group)
  • 🌹样式(Sass)文件从零开始,掌握大型应用的 CSS 组织方法
  • 🎉涉及全部流程,包括最后的 npm publish,husky提交发布前验证,travis CI/CD 集成,发布文档站点等

本地开发命令

//启动本地文档
npm run stroybook

//跑单元测试
npm test

//build组件库
npm run build

//发布到 npm
npm run publish

Readme

Keywords

Package Sidebar

Install

npm i @yangxinhao/react-ui

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

842 kB

Total Files

41

Last publish

Collaborators

  • xinhao0426