1 - React 简介

logo.png

简介

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

衍生

  • React JS
  • React Native (RN)
  • React VR

React 特点

  • 声明式设计 - React采用声明范式,可以轻松描述应用。
  • 高效 - React通过对DOM的模拟,最大限度地减少与DOM的交互。
  • 灵活 - React可以与已知的库或框架很好地配合。
  • JSX - JSX 是 JavaScript 语法的扩展。
  • 组件 - 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
  • 单向响应的数据流 - React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

Virtual DOM

传统DOM更新

真实页面对应一个 DOM 树。在传统页面的开发模式中,每次需要更新页面时,都要手动操作 DOM 来进行更新。


传统DOM更新.png

虚拟DOM更新

虚拟DOM更新.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • React简介 (1)简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc...
    鱼鱼吃猫猫阅读 1,750评论 1 6
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,944评论 1 18
  • HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 6,445评论 0 9
  • 前言:学Python语法时,自认为函数与类的逻辑很难理解,现对它俩作出详解 目标:理解函数与类的本质逻辑 一:函数...
    雷荣斌阅读 856评论 0 1
  • 102路公交的终点站,已经接近城郊,高楼大厦早已看不见,偶尔有几处厂房散落在空旷的黑夜里,厂房里时不时传出几声狗叫...
    温水煮米阅读 722评论 5 6

友情链接更多精彩内容