BetaSu / just-react

「React技术揭秘」 一本自顶向下的React源码分析书
https://react.iamkasong.com/
MIT License
6.12k stars 540 forks source link

学习中的一些小建议。 #2

Open JunlinZhu-Tommy opened 4 years ago

JunlinZhu-Tommy commented 4 years ago

感谢

非常感谢repo主的文章,看过很多react分析的文章,能通过这样言简意赅的方式讲出来的真的不多,在此感谢,受教了!

一些建议 (可能只是自己没理解透彻,轻拍)

https://react.iamkasong.com/process/fiber.html https://react.iamkasong.com/process/reconciler.html

beginWork&completeWork 以下简称B&C

render阶段 中对于B&C流程(callstack分析和讲解)非常好,但是感觉缺少了我们在initial Mount和update进入B&C,到底是怎么建立起来的Fiber树 (child, silbing, return, DFS相关的workLoop) 的呢 。如果能在这方面有所讲解感觉会更容易我们理解B&C的意义。

个人感觉这方面比较好的文章:

  1. https://indepth.dev/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-to-walk-the-components-tree/
  2. https://indepth.dev/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react/

自己会继续追您写的解析哈,感谢!

BetaSu commented 4 years ago

感谢反馈。

在 render阶段 中对于B&C流程(callstack分析和讲解)讲解非常好,但是感觉缺少了我们在initial Mount和update进入B&C,到底是怎么建立起来的Fiber树 (child, silbing, return, DFS相关的workLoop) 的呢 。如果能在这方面有所讲解感觉会更容易我们理解B&C的意义。

我梳理了下,发现这一章的行文直接从fiber结构进入具体代码(B&C),抽象下降比较快,我会补充些入口函数的介绍。

PS:参考资料非常好,我记得React Core Team成员曾经也推荐过其中一篇,已加入参考资料。 感谢。

JunlinZhu-Tommy commented 4 years ago

感谢反馈。

在 render阶段 中对于B&C流程(callstack分析和讲解)讲解非常好,但是感觉缺少了我们在initial Mount和update进入B&C,到底是怎么建立起来的Fiber树 (child, silbing, return, DFS相关的workLoop) 的呢 。如果能在这方面有所讲解感觉会更容易我们理解B&C的意义。

我梳理了下,发现这一章的行文直接从fiber结构进入具体代码(B&C),抽象下降比较快,我会补充些入口函数的介绍。

PS:参考资料非常好,我记得React Core Team成员曾经也推荐过其中一篇,已加入参考资料。 感谢。

作者真棒!瞬间get我等小白的点哈哈。

BetaSu commented 4 years ago

有疑问欢迎随时反馈

defpis commented 3 years ago

我也翻译build-your-own-react https://vimcoding.com/2020/08/09/%E6%9E%84%E5%BB%BA%E4%BD%A0%E8%87%AA%E5%B7%B1%E7%9A%84React/

BetaSu commented 3 years ago

有考虑发布到公开的论坛么, 比如 掘金

defpis commented 3 years ago

考虑在,但是我不是原封不动翻译的,中间有很大一部分是意译,可能自己的理解有问题,需要大佬校队一下

defpis commented 3 years ago

另外我通过typescript把每一步的代码都实现了,在这里 https://github.com/defpis/build-your-own-react