React CSS for job 2017

react-css-for-job-2017.md

React CSS for job 2017

https://gist.github.com/xgqfrms-GitHub/bcd7b957a6d581c644abda07fcf79473/

安装 React CSS Module & React

https://github.com/facebook/react
https://facebook.github.io/react/docs/installation.html#creating-a-single-page-application
https://facebook.github.io/react/docs/installation.html#adding-react-to-an-existing-application

$ npm i -g create-react-app
> create-react-app xyz-react-app & cd xyz-react-app & npm start

> create-react-app xyz-react-app
> cd xyz-react-app & npm start

$ yarn init
$ yarn add react react-dom

$ npm init
$ npm i -S react react-dom

https://webpack.js.org/guides/get-started/
https://webpack.js.org/guides/installation/
https://www.npmjs.com/package/webpack
https://github.com/webpack/webpack

https://lodash.com/
https://www.npmjs.com/package/lodash
https://github.com/lodash/lodash

http://redux.js.org/
https://www.npmjs.com/package/redux
https://github.com/reactjs/redux/

$ npm i -D style-loader css-loader sass-loader node-sass webpack
$ npm i -S react react-dom redux react-router lodash


$ npm install --save-dev webpack
$ npm install --save lodash
$ npm install --save redux

安装 babel for ES6-to-ES5

# babel-preset-es2015

$ yarn init
$ yarn add babel-loader babel-core babel-preset-es2015 babel-preset-react --dev


$ npm init
$ npm i -D babel-loader babel-core babel-preset-es2015 babel-preset-react

Web 安装 react-router-dom

https://reacttraining.com/react-router/
https://www.npmjs.com/package/react-router
https://www.npmjs.com/package/react-router-dom

https://github.com/ReactTraining/react-router/tree/master/packages/react-router
https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom

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


$ npm i -S react-router-dom@next

# or

$ yarn add react-router-dom@next

https://gist.github.com/xgqfrms-GitHub/b95f1824f2ea5a2e28b09dff6fd191bc

https://github.com/ufo-github/javascript/blob/master/react/zh-CN.md

React

https://facebook.github.io/react/docs/react-api.html
https://facebook.github.io/react/docs/react-api.html#react.purecomponent
https://facebook.github.io/react/docs/react-api.html#react.component
https://facebook.github.io/react/docs/react-component.html

facebook/react#8870

text/babel

react-cli

https://github.com/facebookincubator/create-react-app
https://github.com/facebookincubator/create-react-app#getting-started

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#importing-a-component

import React, { Component } from 'react';

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-bootstrap
https://react-bootstrap.github.io/

Setup a React Environment

https://gist.github.com/xgqfrms-GitHub/5862f5885acd10a956a72b14ee1c5f96