react java_React 入门系列之安装（1）

一、背景

一次项目会议中，讨论前后端框架及代码托管，做后端的也晓得，前几年基本没有纯粹的后端，基本上也是前后端一起写，都是基础的 HTML、CSS、JS、Bootstrap，也使用过一段时间 Angularjs(1.x)，后面的新版就没去研究了，在这一次项目会上，前端技术员最后讨论决定使用 React，海吹了React 一连串优点(这次讨论不亚于 在 Java 社区中说【PHP是世界上最好的语言】)。

So，空余时间也来学习哈React，主要是因为 【不懂的享受生活的守财奴(接私活儿)】做准备呗！

二、安装React

React is flexible and can be used in a variety of projects. You can create new apps with it, but you can also gradually introduce it into an existing codebase without doing a rewrite.

创建一个新的应用

创建 React 应用是开始构建新的React单页应用程序的最佳方式。它可以帮你快速构建你的开发环境，以便你能使用最新的 JavaScript 功能，提供很好的开发体验，并优化你的应用程序，提高开发效率。

1 $ npm install -g create-react-app2 $ create-react-app app-one3 $4 $ cd app-one5 $ npm run start

上面只是创建React应用程序，不需要关心也需要不处理后端逻辑或数据库;它只是创建一个前端构建管道，所以你可以使用任何你想要的后端。它使用像Babel和webpack这样的构建工具，但可以使用零配置。

安装React

建议使用Yarn或npm来管理React前端模块的依赖，我使用是 npm 安装。

Yarn安装：

1 yarn add react react-dom

npm安装：

1 npm install --save react react-dom

使用ES6和JSX写一个HelloWorld的例子

建议使用像webpack或Browserify这样的打包工具，以便您可以编写模块化代码，它们可以将不同的代码模块打包捆绑到一起，用来优化的代码加载时间。

一个简单的React示例如下所示：

这里我使用的是bower来安装react和react-dom。

mkdir app-two

cd app-two

bowerinstall react babel --savetouch index.html

然后在index.html中写入以下内容：

1

2

3

4

5

React 学习

6

7

8