Skip to content

0 到 1 开发组件库,包括从项目选型,组件测试,项目打包的完整功能,可以安装在项目中使用。也可用于学习。

Notifications You must be signed in to change notification settings

chxlvwh/fobiz-ui

Repository files navigation

A Tiny React Component library 🛴

// 🚩0.2.0版本之后支持`EsModule`和`CommonJs`引入
const { Button } = require('fobiz-ui');
//或者
import { Button } from 'fobiz-ui';

Installation

npm install fobiz-ui --save

How to use

// import styles
import 'fobiz-ui/lib/index.css';
// import components
import { Button } from 'fobiz-ui';

Introduction

🔥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:
如果想自己做本地调试,下面的命令可能会被用到:

npm start

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.

npm run storybook

Provides a visualized way to debug your component.
Open http://localhost:6006 to view it in the browser.
通过 storybook 可以更直观调试组件的各种样式

npm run lint

Format the code using prettier.
Using Eslint and Prettier together is a wonderful experience.
格式化代码,非常推荐 EslintPrettier 配合着用,Eslint只检查语法,
Prettier只做代码风格检查,各司其职。

About

0 到 1 开发组件库,包括从项目选型,组件测试,项目打包的完整功能,可以安装在项目中使用。也可用于学习。

Resources

Stars

Watchers

Forks

Packages

No packages published