Skip to content

[Note] ReactDOM.render简略过程 #1

@ddzy

Description

@ddzy

之前已经以visio的形式, 罗列出了ReactDOM.render的详细调用栈.

想想还是不够精简易懂, 所以提炼出几个重点:

  • ReactDOM.render
  • 创建ReactRoot
  • 创建FiberRoot
  • 创建RootFiber
  • 计算expirationTime
  • 创建update更新
  • update入队(加入到对应Fiber的updateQueue)
  • 调度任务(scheduleWork)
  • 请求任务(requestWork)
  • 执行任务(performWork)

Metadata

Metadata

Assignees

No one assigned

    Labels

    note简单笔记

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions