安装 (Installation)

npm install react-toby-comps --save
yarn add react-toby-comps

特点 (Features)

1. 组件丰富，体积小，自动按需加载 (rich components, small size and load on-demand)
2. 样式采用 css-in-js (styles based on styled-components, a css-in-js library)
3. 使用typescript编写，内置类型定义，开发智能提示 (written in typescript with predictable static types.)
4. 重新导出了三方组件/库/自定义 hooks 等，方便基于同一套技术栈开发 / 扩展 （re-export 3rd-party libs, easy to extend and customize with the same tech stack ）

按需加载 (Load On Demand)

支持基于 Tree Shaking 的按需加载，大部分构建工具（例如 webpack 4+ 和 rollup）都支持 Tree Shaking。

supports on-demand loading based on Tree Shaking, most build tools (such as webpack 4+ and rollup) support Tree Shaking.

样式 (Styles)

样式基于styled-components, 一个流行的css-in-js 库

styles are based on styled-components , a popular react css-in-js lib

import { Button, styled } from 'react-toby-comps';

const StyledButton = styled(Button)`
  width: 80px;
  height: 32px;
  border-radius: 4px;
`;

<StyledButton>Customized Button</StyledButton>;