React 学习

定义 可中断的，基于优先级的渲染模式 为什么 因js 本身是单线程语言，避免阻塞主线程，依赖于时间分片算法，实现 补： 也为了能主动控制高优先级任务。 核心问题 时间分片算法 优先级队列算法 补： 双

首先来明确一下概念 ui = f（state） 视图的展示，完全由数据决定，数据的变化都会反映到视图上，只关注对数据的操作，而不是具体dom 基本原理 单一数据源--应用所有状态，集中到Store 中

react Fiber 节点中 有遇到 用React 元素中 $$typeof 原因 标识 是react 元素 防止XSS攻击 XSS 这段代码,其实是可以直接允许的,会存在xss工具 因此后续 使用

本章节主要还是围绕 legacy 模式下的 state [ ①state , ②dispatch ] = useState(③initData) 里面的初始值，分为函数或者纯数值 dispatch 本

react 是什么 先来聊聊，这是个什么 案例1 页面显示一个按钮，点击后页面count变量加1 所以初步定义 react就是一个通过数据变化，操作dom 的工具 数据驱动视图（数据的变化改变视图）

context 主要用于解决多层级嵌套传值问题，如果用props 层层传递，较为繁琐 下面举个小例子说明

今天以场景来举例子 一种场景下 我先去定时，两秒会设置值，同时在期间点击两次加 count --- 加了两次，同时每次都是在原有的基础上进行添加，所以是二 此时再去定时加1 所以 最终视图渲染一定是3

我们知道js是一个单线程语言，遇到容易阻塞的任务，会影响到后续的页面渲染 那么react是怎么来处理这些东西的呢，其实就 是依靠调度器来进行处理配合fiber架构。 为了能实现可中断的更新，采取了链表

如果你想手写一个简易版的react 那么你得先去分析一下reat 更新渲染过程 jsx react中通过jsx来编写代码. babel中通过jsxfunc来进行执行。 vdnom 之后react内部会

解决问题 能够获取对dom的引用 缓存一些不需要视图更新的数据 使用案例 如果想去父组件里面引用子组件，该如何去做呢？ 首先在父组件里面创建ref ,其次通过forwardRef 来转发子组件里的re

首先在 setState 说的异步，指不能立刻获取到更新的数据 那么什么条件下会发生，何时又是同步的 这个分版本 在react 17中是 定时器，监听事件回调里都是同步的也就是说在里面设置完数据后，就

是什么 首先fiber 本身其实是一种能够优化节点更新导致diff压力大，最终导致渲染满的算法思想 解决什么问题 能够解决异步可中断更新，以及diff性能问题 单纯依靠虚拟dom ，由于不具备相关优先

问题拆解 原生dom流 原生监听事件 为什么要有合成事件，解决了什么问题 原生事件和合成事件执行的顺序是什么呢 原生dom 我们知道原生dom事件流发生的流程是 捕获，目标阶段，冒泡 原生dom事件

在业务开发中经常性碰到，当setState 值后，再去获取发现始终是初始值，一直没变。 首先先来看一下 当为函数时，hooks始终获取的是上一次最新state ,而直接去调用引用的是第一次state初

本系列将遵从黄金圈去思考 不会过多的去纠结源码的细节，而是去关注，到底为什么这么去做，背后体现的思想到底是什么 我初始陷入了如何最大限度去还原这个react源码，但是尝试了一段时间后发现，效果很不好，