// 🚩0.2.0版本之后支持`EsModule`和`CommonJs`引入
const { Button } = require('fobiz-ui');
//或者
import { Button } from 'fobiz-ui';
npm install fobiz-ui --save
// import styles
import 'fobiz-ui/lib/index.css';
// import components
import { Button } from 'fobiz-ui';
🔥Typescript
with React Hooks
.
🤳Use react-testing-library
to make unit test.
🎁Use storybook
for native debugging and generating docs.
✨Integrate third-party library React-Awesome
for Icon component.
If you want to debug or practice locally, you might use following orders.
In the project directory, you can run:
如果想自己做本地调试,下面的命令可能会被用到:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
And you can import your component to App.tsx to have a look.
Provides a visualized way to debug your component.
Open http://localhost:6006 to view it in the browser.
通过 storybook
可以更直观调试组件的各种样式
Format the code using prettier.
Using Eslint and Prettier together is a wonderful experience.
格式化代码,非常推荐 Eslint
和 Prettier
配合着用,Eslint
只检查语法,
Prettier
只做代码风格检查,各司其职。