React-tangram Component Library

使用 React+Typescript 构建基础组件库

react-tangram 使用 React Hooks 和 Typescript

安装

npm install react-tangram --save
or
yarn add react-tangram

使用

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

课程亮点

• 🔥Typescript with React Hooks
• ⛑️ 使用 react-testing-library 完成单元测试
• 📚 使用 storybook 本地调试和生成文档页面
• 📚 使用 react-doc-gen 自动生成文档
• 📦 使用第三方库扩充组件-(react-fontawesome, react-transition-group)
• 🌹 样式使用（Sass）

一些本地开发命

令

//启动本地环境
npm run stroybook

//跑单元测试
npm test

//build可发布静态文件
npm run build