1:认识 React
1.1：React 简介
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。一次学习，随处编写。
React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合，比如，在 UI 中需要绑定处理事件、在某些时刻状态发生变化时需要通知到 UI，以及需要在 UI 中展示准备好的数据。
React 并没有采用将标记与逻辑进行分离到不同文件这种人为地分离方式，而是通过将二者共同存放在称之为“组件”的松散耦合单元之中，来实现关注点分离。
所以 React 建议使用 JSX 语法。
1.2：JSX 简介
JSX 是一个 JavaScript 的语法扩展。建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。
JSX 可以生成 React “元素”。
React 不强制要求使用 JSX，但是大多数人发现，在 JavaScript 代码中将 JSX 和 UI 放在一起时，会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息。
使用 JSX，只需要在在页面中添加这个 script 标签：
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
现在，你可以在任何 script 标签内使用 JSX，方法是在为其添加 type="text/babel" 属性。
另外也可以使用 webpack 和 babel-loader 去引入 JSX。
1.3：使用 React
使用 React，一可以考虑把 React 作为普通的 script 标记添加到 HTML 页面上，以及使用可选的 JSX。另外就是使用工具链。工具链的话，React 团队主要推荐这些解决方案：
如果你是在学习 React 或创建一个新的单页应用，请使用 Create React App。
如果你是在用 Node.js 构建服务端渲染的网站，试试 Next.js。
如果你是在构建面向内容的静态网站，试试 Gatsby。
如果你是在打造组件库或将 React 集成到现有代码仓库，尝试更灵活的工具链。
作为新手，建议直接使用官方推荐的工具链 create-react-app 开始练习。
