我们常看到的React教程，上来就是构建复杂的环境，webpack，ES2015技术等繁华的技术所遮掩，其实React的核心是简单和简洁的。我们教程也会从最简朴的方式开始教学，让大家了解React的基本思想和方法。只有了解这些，你在实际工作中才可以减少出错，增加排查错误的能力。

前置知识

如果你想学习本套课程还是有一定的门槛的，你需要有下面两个个基础知识：

• HTML+CSS：你需要会基本的html和css知识，如果你做过一年的布局工作，学习起来会更加容易。
• JavaScript：需要扎实的JS功底，因为在React中的组件都会用到JS编写，所以你JS基础越好，学习起来越容易。

React简介

React起源于Facebook的内部项目，该公司积极尝试引入HTML5技术用来架设Instagram网站，开发中发现HTML5的性能下降明显，达不到预期的效果。他们就自己开发了React框架。

ReactJS官方地址：https://facebook.github.io/react/

GitHub地址：https://github.com/facebook/react

React特点

• 虚拟DOM: React也是以数据驱动的，每次数据变化React都会扫码整个虚拟DOM树，自动计算与上次虚拟DOM的差异变化，然后针对需要变化的部分进行实际的浏览器DOM更新。
• 组件化： React可以从功能角度横向划分，将UI分解成不同组件，各组件都独立封装，整个UI是由一个个小组件构成的一个大组件，每个组件只关系自身的逻辑，彼此独立。
• 单项数据流：React设计者认为数据双向绑定虽然便捷，但在复杂场景下副作用也是很明显，所以React更倾向于单向的数据流动-从父节点传递到子节点。（使用ReactLink也可以实现双向绑定，但不建议使用）