Adding React to an Existing Application

react

https://facebook.github.io/react/docs/installation.html

一、概念

开始使用React，你不要重写你的应用，我们推荐在你的应用中增加一小部分。比如一个小窗口，因此用一个小例子看看是否用得怎样。

不用建立一个管道，React 能被使用，我们推荐安装管道，这样效果更好。

一个建立管道的经典模式是由以下三部分构成：1

1、一个包管理,如Yarn 或npm. 它能让你在工程中可以大量使用第三方的所有包, 且很容易安装和更新他们.

2、一捆, 如 webpack or Browserify.它能让你写模块化代码，并且绑在一起形成一个包，去优化装载时间。

3、如Babel Java script 编译器.它能让你最新的JavaScript 代码可以在老版本的浏览器下可用。

二、安装React

npm is the package manager for javascript,便于开发这共享和重用代码，发现里面现成的代码实在太多了，非常棒。

1、去 https://www.npmjs.com/ 注册一个帐号,注册之后，上面还有许多工作岗位....

2 、下载 download Node.js：https://nodejs.org/en/download/

npm 命令行工具和Node.js 绑在一起，如果你已经下载了 Node.js,你已经有了npm,反，则下载 Node.js。

直接安装nodes

3、输入 node -v 看装好没有，

三、To install React with npm

1、npm init

1> run: npm

init

2>、按提示，一步步来完成项目文件的配置，没有的可以不写，直接回车,这样初始化时会创建默认的文件，最后创建完的目录如下所示

3>、完后输入yes或Y来对配置文件进行设置，这样在工程目录下就会生成这样一个package.json文件，如下图中所示

2、npm

install --save react react-dom