大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
just-react
这本书的宗旨是打造一本严谨、易懂的 React 源码分析教程。
为了达到这个目标,在行文上,本书会遵循:
不预设观点 —— 所有观点来自 React 核心团队成员在公开场合的分享。
丰富的参考资料 —— 包括在线 Demo、文章、视频。
保持更新 —— 在 React 版本更新后会及时补充。当前版本 v17.0.0-alpha。
章节列表
理念篇
第一章 React理念
✅ React理念
✅ 老的React架构
✅ 新的React架构
✅ Fiber架构的心智模型
✅ Fiber架构的实现原理
✅ Fiber架构的工作原理
✅ 总结
第二章 前置知识
✅ 源码的文件结构
✅ 调试源码
✅ 深入理解JSX
架构篇
第三章 render 阶段
✅ 流程概览
✅ beginWork
✅ completeWork
第四章 commit 阶段
✅ 流程概览
✅ before mutation阶段
✅ mutation阶段
✅ layout阶段
实现篇
第五章 Diff 算法
✅ 概览
✅ 单节点Diff
✅ 多节点Diff
第六章 状态更新
✅ 流程概览
✅ 心智模型
✅ Update
✅ 深入理解优先级
✅ ReactDOM.render
✅ this.setState
第七章 Hooks
✅ Hooks理念
✅ 极简Hooks实现
✅ Hooks数据结构
✅ useState与useReducer
✅ useEffect
✅ useRef
✅ useMemo与useCallback
第八章 Concurrent Mode
✅ 概览
✅ Scheduler的原理与实现
✅ lane模型
???? 异步可中断更新
???? 高优任务打断机制
???? batchedUpdates
???? Suspense
https://github.com/BetaSu/just-react
最后
初级前端与高级前端之间,很多时候并不是懂的知识点有多难的差别,很大原因就是投入学习前端的时间、经验的差别,其实就是信息差。
如果有一个地方能又快又好的获得这些优质的前端信息,那么将会大大缩短从初级到高级的时间。
前端GitHub 就是这样一个仓库,能帮助前端开发人员节省时间的仓库!
公众号:前端GitHub,专注于挖掘优秀的前端开源项目,抹平你的前端信息不对称。
关于猫哥,大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定,你我皆黑马。
不知不觉,已经写到第 30 期了呢,往期精文请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
往期精文
微信搜 “前端GitHub”,回复 “电子书” 即可以获得 160 本前端精华书籍哦,猫哥 WX:CB834301747 。
转载:https://blog.csdn.net/m0_49394096/article/details/114910378