画布 1
ReactNativeRenderer.render
  1. performWorkOnRoot
    renderRoot
      workLoop
        1. performUnitOfWork【TestApp】
          beginWork
            updateClassComponent
              创建
                constructClassInstance
                  constructor
                mountClassInstance
                  componentWillMount
                shouldUpdate = true
              更新
              finishClassComponent
                nextChildren = instance.render()
                  render
                reconcileChildFibers
                  reconcileSingleElement
                    createFiberFromElement
        2. performUnitOfWork【TestApp-View】
          beginWork
            updateForwardRef
              nextChildren = render(nextProps, ref)
              reconcileChildren
                reconcileChildFibers
                  reconcileSingleElement
                    createFiberFromElement
        3. performUnitOfWork【TestApp-View-Context】
          beginWork
            updateContextConsumer
              newChildren = render(newValue)
                reconcileChildren
              reconcileChildFibers
                reconcileSingleElement
                  createFiberFromElement
        4. performUnitOfWork【TestApp-View-Context-RCTView】
          beginWork
            updateHostComponent
              reconcileChildren
                reconcileChildFibers
                  reconcileChildrenArray
                    createChild
                      createFiberFromElement
        5. performUnitOfWork【TestApp-View-Context-Image】
          beginWork
            updateClassComponent
              constructClassInstance
                constructor
              mountClassInstance
                componentWillMount
              shouldUpdate = true
              finishClassComponent
                nextChildren = instance.render()
                reconcileChildFibers
                  reconcileSingleElement
                    createFiberFromElement
        6. performUnitOfWork【TestApp-View-Context-Image-Context】
          beginWork
            updateContextConsumer
              newChildren = render(newValue)
                reconcileChildren
                  reconcileChildFibers
                    reconcileSingleElement
                      createFiberFromElement
        7. performUnitOfWork【TestApp-View-Context-Image-Context-RCTImageView】
          beginWork
            updateHostComponent
              reconcileChildren
                ...
          completeUnitOfWork
            completeWork
              createInstance
                UIManager.createView
                new ReactNativeFiberHostComponent
              appendAllChildren
        8. completeUnitOfWork【TestApp-View-Context-TouchableView】
          beginWork
            updateClassComponent
              constructClassInstance
              mountClassInstance
              shouldUpdate = true
              finishClassComponent
                nextChildren = instance.render()
                reconcileChildFibers
        9. completeUnitOfWork【TestApp-View-Context-Text】
          beginWork
            updateForwardRef
              nextChildren = render(nextProps, ref);
                reconcileChildren
                  reconcileChildFibers
                    reconcileSingleElement
                      createFiberFromElement
        10. completeUnitOfWork【TestApp-View-Context-TextTouchable】
          beginWork
            updateClassComponent
              constructClassInstance
              mountClassInstance
              shouldUpdate = true
              finishClassComponent
                nextChildren = instance.render();
                reconcileChildFibers
                  ...
        11. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context】
          beginWork
            updateContextConsumer
              newChildren = render(newValue)
              newChildren = render(newValue)
              reconcileChildFibers
                createFiberFromElement
        11. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context-Provider】
          beginWork
            updateContextProvider
              newChildren = newProps.children
              reconcileChildren
                reconcileChildFibers
                  reconcileSingleElement
                    createFiberFromElement
        12. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context-Provider-RCTText】
          beginWork
            updateHostComponent
              nextChildren = nextProps.children
              reconcileChildren
                reconcileChildFibers
                  reconcileChildrenArray
                    createChild
        11. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context-Provider-RCTText-Text1】
          beginWork
            updateHostText
          completeUnitOfWork
            completeWork
              workInProgress.stateNode = createTextInstance
                UIManager.createView
        12. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context-Provider-RCTText-Text2】
          beginWork
            updateHostText
          next = completeUnitOfWork(workInProgress)
            completeWork
              workInProgress.stateNode = createTextInstance
                UIManager.createView
        12. completeUnitOfWork【TestApp-View-Context-TextTouchable-Context-Provider-RCTText-Text3】
          beginWork
            updateHostText
          next = completeUnitOfWork
            1. completeWork
              workInProgress.stateNode = createTextInstance
                UIManager.createView
            2. completeWork
              createInstance
                UIManager.createView
                component = new ReactNativeFiberHostComponent
              appendAllChildren
              finalizeInitialChildren
                UIManager.setChildren
              workInProgress.stateNode = _instance
            3. completeWork
              popProvider
            4. completeWork
            6. completeWork
              popContextProvider
            ... completeWork
            completeWork
              createInstance
                UIManager.createView
                component = new ReactNativeFiberHostComponent(tag, viewConfig)
              appendAllChildren
                appendInitialChild
              finalizeInitialChildren
                finalizeInitialChildren
                  UIManager.setChildren
            completeWork
              createInstance
                UIManager.createView
                component = new ReactNativeFiberHostComponent
              appendAllChildren
              finalizeInitialChildren
                UIManager.setChildren
    completeRoot
      commitRoot
        commitAllHostEffects
          commitWork
          commitPlacement
            appendChildToContainer
              UIManager.setChildren
        commitAllLifeCycles
          commitLifeCycles
            componentDidMount
  2. performWorkOnRoot
    renderRoot
      workLoop
        12. completeUnitOfWork【TestApp-HostRoot】
          updateHostRoot
            processUpdateQueue
            bailoutOnAlreadyFinishedWork
              cloneChildFibers
                createWorkInProgress
  TestApp