第二章 react简介

作者: 留白_汉服vs插画 | 来源:发表于2018-07-24 15:38 被阅读29次

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。

相关文章

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • 第二章 react简介

    2-1 react简介 课程节奏,react东西比较多,所以五六分钟一节。 课程看一遍,就学会了,那是不可能的!下...

  • react 入门项目,重构「ONE · 一个」移动端应用

    react-one 简介:学习react搭建的一个demo,基于react,react-redux,react-r...

  • react-native 记录

    react native 是基于react框架设计的, react简介 react是Facebook推出的前端开发...

  • 【react】1-- 起步

    react中文官网:https://zh-hans.reactjs.org/ React 简介 安装 React文...

  • React学习笔记(一)

    知识点及简介 知识点 简介 React JS :使用React的语法来编写一些网页的交互效果 React Nati...

  • react 0基础学习

    npm i antdnpm i react-router-dom react简介 React 起源于 Facebo...

  • React 简介

    背景 如今Web应用的业务场景变得越来越复杂, 几乎所有的应用都尝试或者已经在Web上使用,同时,用户对Web应用...

  • React简介

    学习资料 react官方首页https://facebook.github.io/react/react中文htt...

  • React简介

    React简介 React是什么? React是Facebook开源的一个用于构建用户界面的Javascript库...

网友评论

    本文标题:第二章 react简介

    本文链接:https://www.haomeiwen.com/subject/idcbuftx.html