react-lib-starter

English Documentation

一个用于快速创建 React 组件库的模板脚手架，使用 Storybook 构建.

快速开始

git clone https://github.com/senntyou/react-lib-starter.git --depth=1

cd react-lib-starter

npm install             # 安装依赖

npm run storybook       # 使用 storybook 开发组件

npm run build           # 构建发布文件

特性

• less, scss 样式语言支持.
• Flow 语法, jest + enzyme 测试支持.
• 使用 storybook 开发、预览组件.

项目

- src
  - index.{js,jsx}           # js 入口文件
  - styles
    - index.{less,scss}      # 样式入口文件

- .storybook                 # for storybook
- stories                    # for storybook

样式默认使用 less 语言, 如果你想使用 scss 语言, 可以修改 package.json:

"scripts": {
  - "build:styles": "npm run build:less",
  + "build:styles": "npm run build:scss",
}

注意

• .js 文件只能用于写纯 JavaScript 代码, .jsx 才能用来写 React 组件代码.