深入react

深入react

1. react合成事件(react18中不再使用)

javascript - 探索 React 合成事件 - 前端自习课 - SegmentFault 思否

存在原因:兼容、垃圾回收

前置知识树

  1. 事件池:是浏览器事件处理中,为了节省内存和提高性能,对事件对象的重复利用。

    (待细看)React 合成事件系统之事件池 - 掘金 (juejin.cn)

  2. 生命周期(待看)

    一看就懂的React生命周期 - 掘金 (juejin.cn)

    看样子react生命周期已经被取代了【精选】【React全解4】useEffect–在函数组件中使用生命周期函数_react useeffect 生命周期-CSDN博客

2. 理解fiber

React 的 Fiber 树是什么? - 掘金 (juejin.cn)

React Fiber是什么 - 知乎 (zhihu.com)

前置知识树

  1. 轻松学会 React 钩子:以 useEffect() 为例 - 阮一峰的网络日志 (ruanyifeng.com)

  2. 什么是DOM?你了解DOM树吗?-CSDN博客

  3. 虚拟dom:React 的虚拟 DOM 使用以 JavaScript 对象为基础的结构,而 Vue 的虚拟 DOM 使用以 VNode 对象为基础的结构。

    Vue 虚拟 DOM 搞不懂?这篇文章帮你彻底搞定虚拟 DOM - 掘金 (juejin.cn)

3. React hook

React Hooks 入门教程 - 阮一峰的网络日志 (ruanyifeng.com)

3.2 useState

一些理解:快照

3.1memo

用代码实验的方式,让你彻底理解React.memo-哔哩哔哩

用于优化,避免因为别的组件被渲染了,它就渲染

​ useMemo和memo的区别

3.2 实现原理

4. redux