什么是React，React特点，React的工作原理
React系列之--React简介React简介
一、什么是React
废话不说，我们先看看官方是杂说的
React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.
大概意思就是说React是被Facebook和Instagram创建的一个针对Ui Js类库，许多人也把它认为是MVC中的V层。
话说，facebook对市面上所有的js类库都不满意，所以自己就开发了一个，我只能说真是牛'B'呀。有点扯远了。
我们只要知道这个玩意是用来创建V的就可以了
1、简单
用官方的话说就是，使用react可以很简单的呈现出你的应用。当然学习也简单
2、声明式
在数据发生变化的时候，React从概念上讲与点击了F5一样，实际上它仅仅是更新了变化的一部分而已(通过虚拟DOM技术的diff算法)。
3、组件化
Rect的编写是基于组件的，它是把一个个组件组合起来形成一个界面,facebook使用组件化开发代替模板引擎，通过js代码生成View
下幅图可以直观的看到组件化的思想：
MVC：开发者将三者定义成不同的类，实现了表现、数据、控制的分离（从技术角度拆分UI实现松耦合）
React：新的思路，开发者从功能的角度出发，将UI拆成不同的组件。每个组件都独立封装。即按照界面模块自然划分的方式来组织和编写你的代码
4、一次学习，到处使用
并没有说一次编写到处运行，我们可以在客户端渲染，也可以在服务端渲染，还可以在手机app上渲染(使用RN)
三、React的工作原理(基本原理)
1、Virtual DOM 虚拟DOM
和传统的Web应用的不同的是，React为了减少Dom的操作(Dom的更新代价是比较大的)，不是全部更新Dom而是通过虚拟DOM的技术，就是真实Dom的当前Dom之间通过diff算法比较，只更新改变部分的Dom,这就大大提高了性能。
2、基于状态更新(state和render)
React是如何渲染组件，并且在什么渲染组件的，这就要说说state和render了。state包含一些组件所需要的属性，如果这些数据发生变化，那么就会自动调用render方法来渲染组件，我们只能通过React的setState方法来更新组件状态。
总结：通过本节我们了解了以下几点：
1、React是一个V
2、React没有模板的概念，是通过组件组合来使用
3、React通过虚拟Dom来更新组件
4、React是一个状态机(通过状态的改变来更新组件)
到此为止，我们对React就讲完了。
上一篇: 什么是MVVM？
下一篇: 短视频时代企业还是否需要做网站
+相关资讯
-
02/232021响应式自适应网站建设的优点
能够检测到设备分辨率大小后调用相应的网页，让图片不失帧
