React入门实践

第二章 react简介

2018-07-24  本文已影响29人  留白_汉服vs插画

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。

上一篇下一篇

猜你喜欢

热点阅读