zz1998

LV0

技术专栏

用户8771298的专栏TA创建的

33 文章14 关注者

全部文章

  • react源码解析20.总结&第一章的面试题解答

    至此我们介绍了react的理念,如果解决cpu和io的瓶颈,关键是实现异步可中断的更新

    zz1998
    React
  • react源码解析19.手写迷你版react

    zz1998
  • react源码解析17.context

    react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWor...

    zz1998
    React
  • react源码解析18事件系统

    下面这个demo_13在react17和react16中有什么不同吗?代码也很简单,模拟一个modal框,点击显示出现,点击其他地方,相当于点击了mask,mo...

    zz1998
    React
  • react源码解析16.concurrent模式

    react17支持concurrent mode,这种模式的根本目的是为了让应用保持cpu和io的快速响应,它是一组新功能,包括Fiber、Scheduler、...

    zz1998
    React
  • react源码解析15.scheduler&Lane

    当我们在类似下面的搜索框组件进行搜索时会发现,组件分为搜索部分和搜索结果展示列表,我们期望输入框能立刻响应,结果列表可以有等待的时间,如果结果列表数据量很大,在...

    zz1998
    React
  • react源码解析14.手写hooks

    最关键的是要理解hook队列和update队列的指针指向和updateQueue的更新计算,详细见视频讲解

    zz1998
    React
  • react源码解析13.hooks源码

    ​ 在hook源码中hook存在于Dispatcher中,Dispatcher就是一个对象,不同hook 调用的函数不一样,全局变量ReactCurrentDi...

    zz1998
    React
  • react源码解析12.状态更新流程

    我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲

    zz1998
    React
  • react源码解析11.生命周期调用顺序

    函数组件hooks的周期会在hooks章节讲解,这一章的使命周期主要针对类组件,各阶段生命周期执行情况看下图:

    zz1998
    React
  • react源码解析2.react的设计理念

    React15之前的协调过程是同步的,也叫stack reconciler,又因为js的执行是单线程的,这就导致了在更新比较耗时的任务时,不能及时响应一些高优先...

    zz1998
    React
  • react源码解析10.commit阶段

    在render阶段的末尾会调用commitRoot(root);进入commit阶段,这里的root指的就是fiberRoot,然后会遍历render阶段生成的...

    zz1998
    React
  • react源码解析9.diff算法

    在render阶段更新Fiber节点时,我们会调用reconcileChildFibers对比current Fiber和jsx对象构建workInProgre...

    zz1998
    React
  • react源码解析8.render阶段

    render阶段的主要工作是构建Fiber树和生成effectList,在第5章中我们知道了react入口的两种模式会进入performSyncWorkOnRo...

    zz1998
    React
  • react源码解析7.Fiber架构

    react15在render阶段的reconcile是不可打断的,这会在进行大量节点的reconcile时可能产生卡顿,因为浏览器所有的时间都交给了js执行,并...

    zz1998
    React
  • react源码解析6.legacy和concurrent模式入口函数

    react有3种模式进入主体函数的入口,我们可以从 react官方文档 使用 Concurrent 模式(实验性)中对比三种模式:

    zz1998
    React
  • react源码解析5.jsx&核心api

    一句话概括就是,用js对象表示dom信息和结构,更新时重新渲染更新后的对象对应的dom,这个对象就是React.createElement()的返回结果

    zz1998
    React
  • react源码解析4.源码目录结构和调试

    方法一:可以用现成的包含本课程所有demo的项目来调试,建议使用已经构建好的项目,地址:https://github.com/xiaochen1024/reac...

    zz1998
    React
  • react源码解析3.react源码架构

    在真正的代码学习之前,我们需要在大脑中有一个react源码的地图,知道react渲染的大致流程和框架,这样才能从上帝视角看react是怎么更新的,来吧少年。

    zz1998
    React
  • react源码解析2.react的设计理念

    React15之前的协调过程是同步的,也叫stack reconciler,又因为js的执行是单线程的,这就导致了在更新比较耗时的任务时,不能及时响应一些高优先...

    zz1998
    React

个人简介

个人成就

扫码关注云+社区

领取腾讯云代金券