第1章  React入门

　　React开源于2013年5月，一发布就引起了开发者广泛的关注和认可。截至笔者写作本章内容，React在GitHub上面的star数量已经达到129680。这是一个非常庞大的star数量，在主流JavaScript（简称JS）库中排名第二。其后来衍生的React Native在开源的第一天在GitHub上面的Start数量就达到了5000个，由此可见其受欢迎的程度非同凡响。本章将带领读者正式踏入React的世界。通过本章，读者将学会如何在现代前端工程项目中使用React开发简单的组件，同时也会了解React的基本设计思想。

　　假如读者之前接触过jQuery之类直接操作DOM（Document Object Model，文档对象模型）的JS写法或其他JS库，现在起，请跳出以往的思维，拥抱React的理念和思想。

1.1  开始学习React之前

　　工欲善其事，必先利其器。现在，开发生态系统需要读者基于Node.js、Webpack、ES 6、ES 7等进行开发，其中，Node.js是前端工程化的重要支柱。所以在学习React之前，读者需要对Node.js、NPM以及ES 6（ECMAScript 6.0）有一定的认识。本节将带领读者熟悉这些基本概念，如果读者对本节内容已有一定了解，可以直接跳过。

1.1.1  下载与使用Node.js和NPM

　　Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它使JavaScript能够脱离浏览器直接运行。通过Node.js的开源命令行工具，可以让JavaScript在本地运行。

　　Node.js通过官网https://nodejs.org/en/下载。下载后可以直接安装，这里安装过程不再详述，相信读者已经有安装软件的经验。

　　安装后在终端输入命令：

　　node -v

可以验证Node.js在本地是否安装成功。如果输入后显示一个类似于v8.9.3的版本号，就说明安装成功。

　　NPM（Node Package Manager）是Node.js的包管理工具（我们常说的Node包），是全球最大的开源库生态系统。它允许开发人员使用创建的JavaScript脚本运行本地项目（比如开启一个本地服务器）、下载应用程序所依赖的JavaScript包等。这些在本书后面的前端项目搭建或引用第三方插件时都会用到，用法如下：

　　npm install <package_name>

提示：使用NPM安装的大部分软件或包，都可以使用“包名称 –v”这样的命令来验证是否安装成功。

　　由于网络环境问题，有的Node包会出现无法下载或下载速度很慢的情况，此时可以使用淘宝NPM镜像来代替NPM，安装方式如下：

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

　　淘宝NPM镜像其实是一个对NPM的复制，用法与NPM一样，命令如下：

　　cnpm install <package_name>