React入门与实战之路

作者: 阿里云大学小百科 | 来源:发表于2019-05-09 17:24 被阅读2次

    React 是一个用于构建用户界面的 JavaScript 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。由于 React 拥有较高的性能,代码逻辑非常简单,越来越多的开发者开始关注和使用它。

    React是Facebook开发的一款JS库,那么Facebook为什么要建造React呢,主要为了解决什么问题,通过这个又是如何解决的?

    从这几个问题出发我就在网上搜查了一下,有这样的解释。

    Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得非常复复杂,每当需要添加一项新的功能或特性时,系统的复杂度就成级数增长,致使代码变得脆弱和不可预测,结果导致他们的MVC正在土崩瓦解。认为MVC不适合大规模应用,当系统中有很多的模型和相应的视图时,其复杂度就会迅速扩大,非常难以理解和调试,特别是模型和视图间可能存在的双向数据流动。

    解决这个问题需要“以某种方式组织代码,使其更加可预测”,这通过他们(Facebook)提出的Flux和React已经完成。

    React是Facrbook内部的一个JavaScript类库,已于1年开源,可用于创建Web用户交互界面。它引入了一种新的方式来处理浏览器DOM。那些需要手动更新DOM、费力地记录每一个状态的日子一去不复返了——这种老舅的方式既不具备扩展性,又很难加入新的功能,就算可以,也是有着冒着很大的风险。React使用很新颖的方式解决了这些问题。你只需要声明地定义各个时间点的用户界面,而无序关系在数据变化时,需要更新哪一部分DOM。在任何时间点,React都能以最小的DOM修改来更新整个应用程序。

    React引入了一些激动人心的新概念,向现有的一些最佳实践发起了挑战。学习这些概念,将帮助你理解它们的优势,创建具备高扩展性的单页面应用(SPA)。React把主要的注意力放在了应用的“视图”部分,没有限定与服务端交互和代码组织的方式。

    React好在哪里呢?个人意见有两点:

    虚拟DOM —— 在DOM树的状态需要发生变化时,虚拟DOM机制会将同一Event loop前后的DOM树进行对比(自然通过一系列高效的算法),如果俩个DOM树存在不一样的地方,那么React仅仅会针对这些不一样的区域(DOM diff)来进行响应的DOM修改,从而实现最高效的DOM操作和渲染。

    组件可嵌套,而且,可以模版化嘛 —— 其实在React里提及的“组件”,常规是一些可封装起来、复用的UI模块,说的接地气了可以理解为“带有细粒度UI功能的部分DOM区域”。然后我们可以把这些组件层层嵌套起来使用(当然这样组件间会存在依赖关系)。

    关于React详细内容:React前端开发入门与实战

    (课程主要讲解React的基础使用技巧及实战案例)

    讲师介绍:

    何一鸣,花名承玉,2010年硕士毕业后加入淘宝,期间负责前端框架 KISSY 以及一些基础类库的开发和维护,2014 年底转入蚂蚁金服终端技术组,构建基于 React 的全新前端架构: 包括服务于中后台的 antd,服务于无线业务的 antd-mobile,应用架构 roof/dva,构建工具 atool-build 等。目前正和小组成员一起维护优化现有架构以及研发服务于更大范围开发者的支付宝小程序。

    课程目标:

    掌握前端框架React开发技术

    适合人群:

    前端开发者

    更多精品课程:

    阿里云大学官网(阿里云大学 - 官方网站,云生态下的创新人才工场

    相关文章

      网友评论

        本文标题:React入门与实战之路

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