starfish-ui v0.2.2

Starfish-ui component library

使用 React+typescript 从零到一打造一套你自己的组件库

文档

文档页面1

文档页面2

安装试试

$ npm install starfish-ui --save

$ yarn add starfish-ui

示例

import { Button } from 'starfish-ui'

ReactDOM.render(<Button />, mountNode);

引入样式

import 'starfish-ui/dist/index.css'; 

按需加载

starfish-ui 使用 TypeScript 进行书写并提供了完整的定义文件。

涉及的知识点

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