React

React资源

菜鸟教程 ：http://www.runoob.com/react/react-install.html
阮一锋 react：http://www.ruanyifeng.com/blog/2015/03/react.html
react官网【中文】：https://react.docschina.org/docs/hello-world.html

react官网【英文】：

https://reactjs.org/

通过cnpm使用react

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

这样就可以使用 cnpm 命令来安装模块了：

$ cnpm install [name]

快速构建 React 开发环境

使用 create-react-app 快速构建 React 开发环境

cnpm创建react项目

$ cnpm install -g create-react-app //全局安装create-react-app
$ create-react-app my-app //创建my-app项目
$ cd my-app/   //进入my-app项目
$ npm start  //启动项目

启动项目之后，默认端口为：3000，打开 http://localhost:3000/

引入react库文件

除了上述才用npm命令创建项目，也可以才用引入react库文件的方式使用react。

<!--这是react的核心库  -->
<script src="./build/react.js"></script>
<!--操作dom的核心库  -->
<script src="./build/react-dom.js"></script>
<!--babel编译的核心库,在浏览器中是无法识别react中的jsx语法糖，采用babel实现jsx语法转化es5语法。  -->
<script src="./build/browser.min.js"></script>