React系列（一）：React简介与初始化

本文包含对前端热门框架——React的简单介绍、相关的前置知识点的梳理、以及React的版本选择。

• React官网与开源地址
• 前置知识点梳理
• 版本选择与React体验

---

React是什么？

• React 是一个用于构建用户界面的 JAVASCRIPT 库。
• React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
• React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。
• React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

React官网与开源地址

• React开源地址：https://github.com/facebook/react/
• React官网：https://reactjs.org/docs/hello-world.html
• React中文API：http://www.css88.com/react/docs/hello-world.html

前置知识点梳理

使用React之前需要了解并熟悉以下的知识点：
- HTML+CSS
- JavaScript
- ES5\ES6
- NodeJS

版本选择与体验

版本的选择如下：

1. React版本：https://www.npmjs.com/search?q=react
2. 不同版本的CDN：https://cdnjs.com/libraries/react/
3. 项目体验：http://reactnews.t.imooc.io/#/?_k=b9k4mg

第一个小实例

React的写法如下：

<div id="example"></div>
<script type="text/babel">
  ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example')
  );
</script>

运行结果：

在div中显示内容：Hello, world!