当前位置: 首页 > Web前端 > HTML5

React16源码分析

时间:2023-04-05 20:07:50 HTML5

React16源码分析git仓库地址:https://github.com/jianjiachenghub/react-deeplearn目录结构├──packages(注解React16.8源码源码yck)├──src(React15模拟实现)│├──index.js│├──react││├──component.js││├──createElement.js│├──enqueueSetState.js││└──index.js│└──react-dom│├────diff-twovirtualtrees.js│├──diff.js│├──patch-differenceupdatetorealtree.js│└──render.js└──学习笔记├──React-bablecompileJsx.md├──React-组件元素实例及Jsx语法.md├──React15diff算法模拟实现.md├──React15diff算法策略.md├──React15实现思路.md├──React16源码分析1-理解Fiber.md├──React16源码分析2-renderframe和requestIdleCallback.md├──React16源码分析3-Scheduler任务scheduler.md├──React16源码分析4-Renderprocess.md└──React16源码分析5-setState同步异步本质.md说明这是一个深入研究react源码的项目,模拟部分react的实现。Fiber架构很难说清楚。这里的注释和代码有的是对很多优秀文章的总结,有的不是原创,有的只是个人理解和总结(不一定准确),未确认的地方标出。一般的流程图只是把流程相关的地方都去掉了,还有很多判断、优化、安全相关的东西被省略了。可能有些地方不是很了解。有出入。以下是参考文章React16源码分析(二)-CreateUpdate-个人文章-SegmentFault思否ReactFiber源码分析第1篇-个人文章-SegmentFault思否React16源码解读:揭开ReactDOM.render的秘密——掘金React16源码解读:开篇带你看懂几个面试考点——掘金解析React源码:Render流程(一)|React@16.8.6原理分析(源码解析)-掘金React16源码ReactFiber架构-掘金如何学习React?当然自己实现一个React-掘金reactfiber主流程及功能模块梳理-掘金这可能是ReactFiber最流行的开启方式(时间分片)-掘金Reactdiff原理探索与应用实践-个人文章-SegmentFaultDo你认为react的差异是从O(n^3)到O(n),O(n^3)和O(n)是如何计算的?-知乎谈React中Diff算法的策略和实现-SegmentFault思考reactdiff算法-个人文章-SegmentFault思考虚拟DOM和DOM-diff是否将不再是你的绊脚石-掘金