// 同步更新
// performSyncWorkOnRoot会调用该方法
function workLoopSync() {
  while (workInProgress !== null) {
    performUnitOfWork(workInProgress);
  }
}

// 异步更新
// performConcurrentWorkOnRoot会调用该方法
function workLoopConcurrent() {
  while (workInProgress !== null && !shouldYield()) {
    performUnitOfWork(workInProgress);
  }
}

function beginWork(current, workInProgress, renderLanes) {
	// ...
	switch (workInProgress.tag) {
		// 根据tag 采取不同的操作
		case HostComponent:
			// html 节点
			return updateHostComponent(current, workInProgress, renderLanes);
	}
}

function updateHostComponent(current, workInProgress, renderLanes) {
	// 优化点：标记是否是纯文本节点
	const isDirectTextChild = shouldSetTextContent(type, nextProps);

	// 为当前 workInProgress 创建 子Fiber 节点
	reconcileChildren(current, workInProgress, nextChildren, renderLanes)
	return workInProgress.child
}


function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
	// 根据当前 workInProgress 是否有 current，决定是否标记 flags
	// flags 决定 FiberNode 的后续操作，比如挂载到页面上、或者更新
	// 生成 childFiber 节点
	if (current === null) {
		workInProgress.child = mountChildFibers(...)
		// ChildReconciler(false)
	} else {
		workInProgress.child = reconcileChildFibers(...)
		// ChildReconciler(true)
	}
}

// 两者都调用了 ChildReconciler(false/true)
// 其中传入参数标记是否需要标记 tag

// 其中 html 元素调用了 reconcileChildFibers
function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
	// ... newChild 是子节点
	if (isObject) {
		// 子节点是对象
		//...
		switch (newChild.$$typeof) {
			// 根据 子节点 的类型生成 子Fiber 节点
		}
	}
	if (typeof newChild === 'string' || typeof newChild === 'number') {
		// 子节点是单纯文本
	}
	if (isArray(newChild)){
		// 子节点是 Fiber 数组
	}
	//...兜底操作
	return deleteRemainingChildren(returnFiber, currentFirstChild);
}