2-1 react简介

课程节奏，react东西比较多，所以五六分钟一节。

课程看一遍，就学会了，那是不可能的！下面还是要花费很多成本的。学习的本质就是更多的时间，去学习。不是说遇到难题就退缩，看课程还是学不会。课程只是一个入门方法。

新技术的态度：新技术要有个开放的态度。

为什么越来越火？尤其react，移动开发，等等。

react发展

省略。一大堆东西，说了我也记不住。

是一个js库。用于视图的。

一个很炫酷的开源项目，awesome-react

2-2 课程前置知识点梳理

以上知识要理解、js语法要了解吧。

ES2013就是ES5 , ES2015就是ES6。ES5，SE6的一些语法。可以在上面网站观看babel和兼容性的网站。

要有nodejs的知识，特别是包的管理。

css语法知识要知道啊。

HTML5 要知道

主要掌握的前期知识。

2-3 课程前置知识点梳理--演示

babel 安装，自行百度npm 安装代码；sudo mpn install --save-dev babel-preset-env

然后再.babelrc里面做一个配置。就是一个预处理的框架，preset：env

如果写了一个es6的语法，浏览器可能不支持，需要用babel进行转换，在配置文件里，如下所示。第7行，通过babel进行转换。

终端手动执行的话：babel index.js --out-file compiled.js 输出为compiled.js文件。把ES6转换成ES5的过程。

原箭头函数，经过babel转化后如下 ES5的语法

ES5基本所有浏览器都支持。但是ES6有的就不会支持的。点击网站：http://kangax.github.io/compat-table/esnext/  可以查询。所以需要babel转换。2016+，next支持的就更差了。如果要学更新的东西，下载对应的babel进行转换就好了。

node简单介绍：是一个JavaScript的一个运行容器，把js的特性都放进去跑。是一个事件驱动器。非阻塞的io模型。是一个轻量级，高效的。管理所有JavaScript包。非原生框架比如jquery。