美文网首页
阅读React源码预备知识,实现个简易版React

阅读React源码预备知识,实现个简易版React

作者: 小小的开发人员 | 来源:发表于2019-06-20 17:03 被阅读0次

    该篇文章up主安利一些最近读到的好文章,通过这些文章可以快速理解全世界最流行的JS框架React的核心实现。

    snabbdom
    snabbdom.js是 Virtual DOM 的一种实现,看完之后就明白了如何用JS 对象来描述 DOM树结构、状态更新时,patch方法如何进行新、旧Node比较,如何将 Virtual Node渲染成真正的DOM。
    不论你是打算学习Vue还是React源码,模板渲染都是最核心的部分,snabbdom是学习源码的必备知识,还能帮助你理解jsx语法是如何转js的。

    对于经验还不是很长时间的开发人员来说,直接阅读动辄几万行代码的框架源码显然是非常困难的,建议先阅读一些简易版的react实现。
    github博主hujiulong的系列博客《从零开始实现一个React》讲的通俗易懂,实现了简易版的react,react的核心设计思想组件化、函数化、单项数据流在代码中都有体现,对于深入学习react大有好处。
    从零开始实现一个React(一):JSX和虚拟DOM
    从零开始实现一个React(二):组件和生命周期
    从零开始实现一个React(三):diff算法
    从零开始实现一个React(四):异步的setState

    除此之外,学习框架肯定涉及到了不少数据结构的知识,没有学习相关知识点的小伙伴学习起来可能会很吃力,可以参考Up主总结的《javascript数据结构与算法》学习笔记系列文章。

    另外,想要快速入门Vue源码学习的小伙伴可以看一下我总结一篇JS实现一个简易版的vue

    相关文章

      网友评论

          本文标题:阅读React源码预备知识,实现个简易版React

          本文链接:https://www.haomeiwen.com/subject/tpufqctx.html