suansuancu / wxj-react-project

【Javascript】

Ecma Microsoft Mozilla Exploring W3Cschool

【Mozilla】

Web Web-Api

【ruanyifeng】

Chinease

【webpack】

English Chinease

【Babel】

English

【ES6】

Chinease Features

【Fetch】

fetch

【react】

English

【react-router】

English Chinease

【react-redux】

English Chinease

【react-flux】

English

【datum】

youcheng

【Nodejs】

English Chinease

【npm】

English

【npm-package】

react prop-types

【react在线转换成ES6代码】

react bable

【react开发】

注：ubunut下使用的时候找不到create-react-app时需要做软链
sudo ln -s /var/gaohelong/soft/nodejs/nodejs/bin/create-react-app /usr/local/bin

# 创建项目官方手册.
# https://github.com/facebookincubator/create-react-app

# 创建新项目.
$ npm install -g create-react-app
$ create-react-app hl-react-app

$ cd hl-react-app
$ npm start

# 添加到已有项目.
$ npm install react react-dom --save
$ npm install jsx-loader --save-dev
$ npm install babel-preset-react babel-preset-es2015 --save-dev
$ npm install babel-loader babel-core --save-dev
$ npm install babel-preset-env --save-dev
$ npm install babel-plugin-transform-class-properties babel-plugin-transform-decorators-legacy --save-dev
$ npm install babel-preset-react-hmre babel-preset-stage-0 --save-dev
$ npm install prop-types --save
.babelrc
{
    "presets": [
        "react",
        "es2015",
        "stage-0",
    ],
    "plugins": [
        "transform-decorators-legacy",
        "transform-class-properties"
    ]
}

# react-router.
$ npm install react-router --save
$ npm install react-router-dom --save

# redux.
$ npm install redux --save
$ npm install react-redux --save