PPFish Components 网易云商服组件库

Introduction

PPFish Components is a set of React UI components.

Features

Babel with ES6
Hot reloading
Testing
Linting
Working example app

Initial Machine Setup

Install Node.js

（Optional）Install taobao NPM image

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

Install

npm install ppfish --save

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { AnimationImageLoader } from 'ppfish';

ReactDOM.render(
  <AnimationImageLoader
    extraCls="u-nav-icon"
    src={require('./create_POI@2x.png')}
    zoom={0.5}
  />, document.getElementById('app')
);

Development

Install npm(or cnpm) package

$ npm install

Start development in your default browser

$ npm start

Open your browser and visit http://127.0.0.1:5000

Build

Build scripts ``````and css etc.

$ npm run build

Build site

$ npm run build:site

The directory structure

.
├── /coverage/                # 运行npm run test:cover输出的测试覆盖率文件
├── /dist/                    # 构建输出的文件会在这里
├── /docs/                    # 项目文档
├── /node_modules/            # 第三方类库和工具
├── /site/                    # 页面入口文件
| ├── /assets                 # css、images等资源
| ├── /docs                   # 组件库官网markdown
| ├── /localse                # 本地化文案
| ├── /pages                  # 组件库官网页面入口
| ├── /styles                 # 组件库官网页面样式
| ├── /home.js                # 组件库官网首页
| ├── /index.html             # 组件库官网html模板
| ├── /index.js               # 组件库官网入口文件
| ├── /page.js                # 组件库官网组件页面
| └── /spec.js                # 组件库官网设计语言页面
├── /source/                  # 应用源码
│ ├── /assets/                # 可编译静态资源文件
│ ├── /components/            # React components
│ ├── /config/                # 环境变量配置文件
│ ├── /constants/             # 常量配置文件
│ ├── /utils/                 # 工具函数
│ └── /vendor/                # 不需要编译的静态资源文件，在生产环境可以使用publicPath路径引用
├── /tools/                   # 项目运行脚本
├── .babelrc                  # babel配置文件, https://babeljs.io/docs/usage/babelrc/
├── .editorconfig             # 代码风格配置文件, http://editorconfig.org
├── .eslintrc                 # eslint配置文件, http://eslint.cn/docs/user-guide/configuring
├── .eslintignore             # eslint配置文件, http://eslint.cn/docs/user-guide/configuring
├── .gitignore                # git配置文件, https://help.github.com/articles/ignoring-files/
├── package.json              # 配置入口文件地址、依赖和 scripts
├── postcss.config.js         # postcss配置文件, https://github.com/postcss/postcss-loader
├── proxy.config.js           # 代理配置文件, 用于 mock 和在线调试
└── webpack.config.dev.js     # webpack开发环境配置
└── webpack.config.prod.js    # webpack生产环境配置

Coding styles

javascript: use eslint:recommended, see https://eslint.org/docs/rules/ and .eslintrc file for more details
directory、html、css、js: named using hump form
react component and react container: named using hump form and uppercase characters at the beginning
test file: named with Component + .test + .js format
css: https://nsfi.github.io/blog/2017/12/06/Less代码规范/

Current Tags

1.9.4-alpha.4 ... alpha (2 years ago)
1.8.4-alpha.12 ... alpha.12 (2 years ago)
2.1.6-beta.0 ... beta (2 years ago)
1.8.4-alpha.11 ... latest (2 years ago)
2.1.5 ... next (3 years ago)
1.9.6 ... previous (4 months ago)

249 Versions

1.9.6 ... 4 months ago
1.9.5 ... 4 months ago
1.9.4 ... 4 months ago
1.9.4-alpha.7 ... a year ago
1.9.4-alpha.6 ... 2 years ago
1.8.4-alpha.12 ... 2 years ago
1.8.4-alpha.11 ... 2 years ago
1.9.4-alpha.4 ... 2 years ago
2.1.6-beta.0 ... 2 years ago
1.9.4-alpha.3 ... 2 years ago
1.9.4-alpha.2 ... 2 years ago
1.9.4-alpha.1 ... 2 years ago
2.2.1-alpha.0 ... 2 years ago
1.9.4-alpha.0 ... 2 years ago
1.9.3 ... 2 years ago
1.9.2 ... 2 years ago
1.9.2-alpha.0 ... 2 years ago
1.9.1 ... 2 years ago
2.2.0 ... 2 years ago
1.9.0 ... 2 years ago
1.8.10-beta.3 ... 2 years ago
1.8.10-beta.2 ... 2 years ago
1.8.10-beta.1 ... 2 years ago
1.8.10-beta.0 ... 2 years ago
1.8.9 ... 2 years ago
1.8.8 ... 2 years ago
2.1.5 ... 3 years ago
2.1.4 [deprecated] ... 3 years ago
2.1.3 ... 3 years ago
2.1.2 ... 3 years ago
1.8.8-alpha.6 ... 3 years ago
1.8.8-alpha.5 ... 3 years ago
1.8.8-alpha.4 ... 3 years ago
1.8.8-alpha.3 ... 3 years ago
1.8.8-alpha.2 ... 3 years ago
1.8.8-alpha.1 ... 3 years ago
1.8.8-alpha.0 ... 3 years ago
1.8.7 ... 3 years ago
1.8.7-alpha.6 ... 3 years ago
1.8.7-alpha.5 ... 3 years ago
1.8.7-alpha.4 ... 3 years ago
1.8.7-alpha.3 ... 3 years ago
1.8.7-alpha.2 ... 3 years ago
1.8.7-alpha.1 ... 3 years ago
1.8.7-alpha.0 ... 3 years ago
1.8.6 ... 3 years ago
1.8.6-alpha.0 ... 3 years ago
2.1.1 ... 3 years ago
1.8.5 ... 3 years ago
2.1.0 ... 3 years ago
1.8.4 ... 3 years ago
1.8.4-alpha.10 ... 3 years ago
2.0.1-alpha.2 ... 3 years ago
1.8.4-alpha.9 ... 3 years ago
1.8.4-alpha.8 ... 3 years ago
1.8.4-alpha.7 ... 3 years ago
1.8.4-alpha.6 ... 3 years ago
1.8.4-alpha.5 ... 3 years ago
1.8.4-alpha.4 ... 3 years ago
1.8.4-alpha.3 ... 3 years ago
1.8.4-alpha.2 ... 3 years ago
2.0.1-alpha.1 ... 3 years ago
2.0.0 ... 3 years ago
2.0.0-rc.1 ... 3 years ago
1.8.4-alpha.1 ... 3 years ago
1.8.3 ... 3 years ago
2.0.0-beta.2 ... 3 years ago
2.0.0-beta.1 ... 3 years ago
2.0.0-alpha.3 ... 3 years ago
2.0.0-alpha.2 ... 3 years ago
1.8.2-rc.3 ... 3 years ago
2.0.0-alpha.1 ... 3 years ago
1.8.2-rc.2 ... 3 years ago
1.8.2-rc.1 ... 3 years ago
1.8.2-beta.4 ... 4 years ago
1.8.2-beta.3 ... 4 years ago
1.8.2-beta.2 ... 4 years ago
1.8.2-beta.1 ... 4 years ago
1.8.2-alpha.3 ... 4 years ago
1.8.2-alpha.2 ... 4 years ago
1.8.2-alpha.1 ... 4 years ago
1.8.1 ... 4 years ago
1.8.1-rc.3 ... 4 years ago
1.8.1-rc.2 ... 4 years ago
1.8.1-rc.1 ... 4 years ago
1.8.1-beta.3 ... 4 years ago
1.8.1-beta.2 ... 4 years ago
1.8.1-beta.1 ... 4 years ago
1.8.1-alpha.3 ... 4 years ago
1.8.1-alpha.2 ... 4 years ago
1.8.1-alpha.1 ... 4 years ago
1.8.0-alpha.1.1 ... 4 years ago
1.8.0-alpha.1 ... 4 years ago
1.7.7-beta.3 ... 4 years ago
1.7.7-beta.2 ... 4 years ago
1.7.7-beta.1 ... 4 years ago
1.7.7-alpha.3 ... 4 years ago
1.7.7-alpha.2 ... 4 years ago
1.7.7-alpha.1 ... 4 years ago
1.7.6 ... 4 years ago
1.7.6-rc.1 ... 4 years ago
1.7.6-beta.2 ... 4 years ago
1.7.6-beta.1 ... 4 years ago
1.7.6-alpha.2 ... 4 years ago
1.7.6-alpha.1 ... 4 years ago
1.7.5 ... 4 years ago
1.7.5-alpha.1 ... 5 years ago
1.7.4 ... 5 years ago
1.7.4-beta.2 ... 5 years ago
1.7.4-beta.1 ... 5 years ago
1.7.4-alpha.8 ... 5 years ago
1.7.4-alpha.7 ... 5 years ago
1.7.4-alpha.6 ... 5 years ago
1.7.4-alpha.5 ... 5 years ago
1.7.4-alpha.4 ... 5 years ago
1.7.4-alpha.3 ... 5 years ago
1.7.4-alpha.2 ... 5 years ago
1.7.4-alpha.1 ... 5 years ago
1.7.3 ... 5 years ago
1.7.3-beta.2 ... 5 years ago
1.7.3-beta.1 ... 5 years ago
1.7.3-alpha.2 ... 5 years ago
1.7.3-alpha.1 ... 5 years ago
1.7.2 ... 5 years ago
1.7.2-rc.3 ... 5 years ago
1.7.2-rc.2 ... 5 years ago
1.7.2-rc.1 ... 5 years ago
1.7.2-beta.2 ... 5 years ago
1.7.2-beta.1 ... 5 years ago
1.7.2-alpha.3 ... 5 years ago
1.7.2-alpha.2 ... 5 years ago
1.7.2-alpha.1 ... 5 years ago
1.7.1 ... 5 years ago
1.7.1-alpha.7 ... 5 years ago
1.7.1-alpha.6 ... 5 years ago
1.7.1-alpha.5 ... 5 years ago
1.7.1-alpha.4 ... 5 years ago
1.7.1-alpha.3 ... 5 years ago
1.7.1-alpha.2 ... 5 years ago
1.7.1-alpha.1 ... 5 years ago
1.7.0 ... 6 years ago
1.7.0-rc.2 ... 6 years ago
1.7.0-rc.1 ... 6 years ago
1.7.0-beta.6 ... 6 years ago
1.7.0-beta.5 ... 6 years ago
1.7.0-beta.4 ... 6 years ago
1.7.0-beta.3 ... 6 years ago
1.6.9 ... 6 years ago
1.7.0-beta.2 ... 6 years ago
1.7.0-beta.1 ... 6 years ago
1.7.0-alpha.2 ... 6 years ago
1.6.9-rc.1 ... 6 years ago
1.7.0-alpha.1 ... 6 years ago
1.6.8 ... 6 years ago
1.6.8-rc.2 ... 6 years ago
1.6.8-rc.1 ... 6 years ago
1.6.8-beta.6 ... 6 years ago
1.6.8-beta.5 ... 6 years ago
1.6.8-beta.4 ... 6 years ago
1.6.8-beta.3 ... 6 years ago
1.6.8-beta.2 ... 6 years ago
1.6.8-beta.1 ... 6 years ago
1.6.8-alpha.2 ... 6 years ago
1.6.8-alpha.1 ... 6 years ago
1.6.7 ... 6 years ago
1.6.6 ... 6 years ago
1.6.5 ... 6 years ago
1.6.4 ... 6 years ago
1.6.3 ... 6 years ago
1.6.2 ... 6 years ago
1.6.1 ... 6 years ago
1.6.0 ... 6 years ago
1.5.5 ... 6 years ago
1.5.4-alpha.1 ... 6 years ago
1.5.3 ... 6 years ago
1.5.2 ... 6 years ago
1.5.1 ... 6 years ago
1.5.0-alpha.3 ... 6 years ago
1.5.0-alpha.2 ... 6 years ago
1.5.0-alpha.1 ... 6 years ago
1.4.7 ... 6 years ago
1.4.6 ... 6 years ago
1.4.5 ... 6 years ago
1.4.4-beta.1 ... 6 years ago
1.4.4-alpha.3 ... 6 years ago
1.4.4-alpha.2 ... 6 years ago
1.4.4-alpha.1 ... 6 years ago
1.4.3 ... 6 years ago
1.4.3-rc.1 ... 6 years ago
1.4.2 ... 6 years ago
1.4.1 ... 6 years ago
1.4.0 ... 6 years ago
1.3.3 ... 6 years ago
1.3.2-beta.1 ... 6 years ago
1.3.2-alpha.18 ... 6 years ago
1.3.2-alpha.17 ... 6 years ago
1.3.2-alpha.16 ... 6 years ago
1.3.2-alpha.15 ... 6 years ago
1.3.2-alpha.14 ... 6 years ago
1.3.2-alpha.13 ... 6 years ago
1.3.2-alpha.12 ... 6 years ago
1.3.2-alpha.11 ... 6 years ago
1.3.2-alpha.10 ... 6 years ago
1.3.2-alpha.9 ... 6 years ago
1.3.2-alpha.8 ... 6 years ago
1.3.2-alpha.7 ... 6 years ago
1.3.2-alpha.6 ... 6 years ago
1.3.2-alpha.5 ... 6 years ago
1.3.2-alpha.4 ... 6 years ago
1.3.2-alpha.3 ... 6 years ago
1.3.2-alpha.2 ... 6 years ago
1.3.2-alpha.1 ... 6 years ago
1.3.1 ... 6 years ago
1.3.0 ... 6 years ago
1.1.9 ... 7 years ago
1.1.8 ... 7 years ago
1.1.7 ... 7 years ago
1.1.6 ... 7 years ago
1.1.5 ... 7 years ago
1.1.5-0 ... 7 years ago
1.1.4 ... 7 years ago
1.1.3 ... 7 years ago
1.1.2 ... 7 years ago
1.0.25 ... 7 years ago
1.1.1 ... 7 years ago
1.1.0 ... 7 years ago
1.0.23 ... 7 years ago
1.0.22 ... 7 years ago
1.0.21 ... 7 years ago
1.0.20 ... 7 years ago
1.0.19 ... 7 years ago
1.0.18 ... 7 years ago
1.0.17 ... 7 years ago
1.0.16 ... 7 years ago
1.0.15 ... 7 years ago
1.0.14 ... 7 years ago
1.0.13 ... 7 years ago
1.0.12 ... 7 years ago
1.0.11 ... 7 years ago
1.0.10 ... 7 years ago
1.0.9 ... 7 years ago
1.0.7 ... 7 years ago
1.0.6 ... 7 years ago
1.0.5 ... 7 years ago
1.0.4 ... 7 years ago
1.0.3 ... 7 years ago
1.0.2 ... 7 years ago
1.0.1 ... 7 years ago
1.0.0 ... 7 years ago