响应式与React|青训营

77 阅读1分钟

03. React(hooks)的写法

1.useEffect 传入一个函数,和一个数组,数组是状态的数组,称作依赖项,该函数在 mount时,和依赖项被 set 的时候会执行。 有“副作用”的函数,要传入useEffect 来执行。副作用代表除了单纯的计算之外,还要做其它的一些事情,比如网络请求,更新 DOM,localStorage存储数据等。

04.React 的实现

1.Virtual DOM (虚拟 DOM) VirtualDOM 是一种用于和真实 DOM 同步,而在JS 内存中维护的一个对象,它具有和DOM 类似的树状结构,并和DOM 可以建立一一对应的关系 它赋予了 React 声明式的API:您告诉 React 希望让UI是什么状态,React 就确保 DOM 匹配该状态。这使您可以从属性操作、事件处理和手动 DOM更新这些在构建应用程序时必要的操作中解放出来

2.diff算法 diff算法,虚拟DOM中采用的算法,把树形结构按照层级分解,只比较同级元素,不同层级的节点只有创建和删除操作。diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图,所以 diff 算法本质上就是比较两个js对象的差异 tradeoff(权衡) image.png

image.png

05.React 状态管理库

解决需将组件上升到根结点的问题 image.png

06.应用级框架科普

image.png