React零散的应用

一个迷你 react 实现， 实现了解析 jsx， render，useState， useEffect， 用requestIdleCallback来实现模拟react调度器的效果并实现了这个api

使用场景： 多于状态提升的组件中进行性能优化 *状态提示： 状态提升概念速通 - 掘金 (juejin.cn) 我们在状态提升的父组件中的state更新时 在传递给子组件的Props未变的情况下， 子

将组件状态放在父组件， 然后用子组件处理 上代码................................

useCallback缓存函数................................................................................

函数组件,每次state更新都会重新执行函数 useMemo 可以缓存数据， 不用每次执行函数都重新生成 可用于计算量较大的场景， 缓存提高性能 比如说几十万条数据统计数量 或者富文本编辑器， 就是一

useState传入普通变量， 每次组件更新都会执行 useState传入函数，只在组件渲染时执行一次 适合数据结构复杂， 计算成本高的场景 我们会发现genArr...只会打印两次, 即只会在函数渲

fowward和useImperativeHandle结合实现将子组件的方法暴露给父组件，，，，，，

作用总览: 让父组件能控制子组件的DOM元素 作用实现细节: 在父组件创建ref(引用, useRef创建的), forward将ref 传递给子组件 代码展示

虽然说react官方已经不推荐使用class, 改用FunctionComponent 但是这不妨碍写组件这个东西本身也是面向对象 面向对象的本质其实就是将数据与逻辑捆绑到一起, 以便于实现更好的封装

结合源码分析forward结合TS的泛型参数顺序问题................................

实现一个转换器,将Promise转换成React的Suspense支持的数据结构 如果觉得有用可以去我的github仓库给个star哦 仓库指路 promise-support-suspense wr