剖析React内部运行机制

看过不少人写的关于分析React原理或者源码的文章，因为每一个做者思考问题的方式不一样，这些文章的侧重点也不尽相同。不管文章是以何种组织方式呈现出来，它们的共同目的就是让读者尽量多的从中收获一些“东西”。在技术领域，不一样的工做经验和不一样的学习思惟方式都会产生技术水平良莠不齐的读者群体。那么，一篇技术文章的内容如何让拥有初级技术水平的读者可以轻松的去消化，给拥有高级技术水平的读者带来设计理念上的灵感或者思想上面的升华是我一直在思索的问题。

这次写的关于剖析React内部运行机制系列文章将听从按部就班的原则，从最基础的JavaScript api到React设计理念，不管是咱们最熟悉的JavaScript某个函数仍是React解决问题的思想，都将会尽量详细的在文章中体现出来。这些文章一方面是我这段时间在React原理方面的学习总结，另外一方面但愿它们可以帮助到有须要的同窗们。

剖析React内部运行机制系列文章中所涉及到的资源以及目录结构以下。

React版本

"react": "^16.8.6",
"react-dom": "^16.8.6"
复制代码

文章目录

• 剖析React内部运行机制-源码结构
• 剖析React内部运行机制-“授人以渔”
• 剖析React内部运行机制-理解“组件” 更新中 ···
• 剖析React内部运行机制-重温DOM
• 剖析React内部运行机制-「译」React组件、元素和实例
• 剖析React内部运行机制-「译」React Fiber 架构
• 剖析React内部运行机制-结合源码分析“协调算法”执行过程
• 剖析React内部运行机制-“渲染”体系 排队中 ···
• 剖析React内部运行机制-“更新”体系 排队中 ···
• 剖析React内部运行机制-“事件”体系 排队中 ···