申明：本系列教程由【科技男code】原创，允许转载，但转载必须注明出处并附带首发链接！
概述
React 介绍
React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。
React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
React 特点
- 声明式设计 −React采用声明范式，可以轻松描述应用。
- 高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
- 灵活 −React可以与已知的库或框架很好地配合。
- JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
- 组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
- 单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
学习React 之前你必须具备
HTML，JavaScript，CSS基础，ES6语法基础
开发工具
操作系统的选择
由于本人工作过程中使用的是Linux操作系统，所以这系列教程也会使用Linux系统开发，这里推荐使用Deepin 深度 linux 操作系统
具体安装方法：https://www.deepin.org/installation/
对于开发者来说deepin有着比较高的颜值和用户体验
编辑器的选择
继承我工作的习惯会使用到atom编辑器
在操作系统和编辑器的选择上根据个人的喜好选择就可以了，主要还是学习，喜欢折腾的可以将操作系统换成Linux的。
这里介绍一个atom的插件
Emmet （敲代码的快捷方式）
在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。
安装
# 进入atom插件安装目录
cd ~/.atom/packages/
# 下载插件
git clone https://github.com/emmetio/emmet-atom
# 等待执行一会儿，执行完成后，进入插件目录
cd emmet-atom
# 执行NPM安装命令
npm install等待执行安装完成后，你的插件就安装好了，然后就只需要重启，就可以看到你的插件了。
还有很多帮助开发的插件只需要按需安装就行了。这里安装这一个就够了。
接下来我们进入正题。
本文由 科技男code 原创，允许转载，但转载必须保留首发链接。