‎
function dispatchAction(fiber, queue, action) {
// const alternate = fiber.alternate
  if (...) {
    // Render phase update
  } else {
    /* 시간을 구하는 부분은 잠시 생략하고 포스트 마지막에 다루겠습니다.
    const currentTime = requestCurrentTimeForUpdate()
    const suspenseConfig = requestCurrentSuspenseConfig()
    const expirationTime = computeExpirationForFiber(
      currentTime,
      fiber,
      suspenseConfig
    )
    */

    // update 생성
    const update = {
      expirationTime,
      action, // setState()의 인자
      next: null, // 노드 포인터
      // 이하 최적화에 사용되는 속성
      eagerReducer: null,
      eagerState: null,
    }

    // update를 queue에 추가
    const last = queue.last
    if (last === null) {
      // This is the first update. Create a circular list.
      update.next = update
    } else {
      const first = last.next
      if (first !== null) {
        // Still circular.
        update.next = first
      }
      last.next = update
    }

    queue.last = update
    /*...*/
  }
}

‎
function dispatchAction(fiber, queue, action) {
// const alternate = fiber.alternate
  if (...) {
    // Render phase update
  } else {
    /* ... */
    // queue.last = update

    // 컴포넌트에서 업데이트가 발생한 적이 있는지 확인
    if (
      fiber.expirationTime === NoWork &&
      (alternate === null || alternate.expirationTime === NoWork)
    ) {
      // 최적화 로직..
    }
    /*...*/
  }
}

‎
function dispatchAction(fiber, queue, action) {
// const alternate = fiber.alternate
  if (...) {
    // Render phase update
  } else {
    /* ... */
    // queue.last = update

    // 컴포넌트에서 업데이트가 발생한 적이 있는지 확인
    if (...) {
      const lastRenderedReducer = queue.lastRenderedReducer
      if (lastRenderedReducer !== null) {
        const currentState = queue.lastRenderedState // 컴포넌트에 적용된 상태값
        const eagerState = lastRenderedReducer(currentState, action) // 리듀서를 통해 action의 결괏값을 얻는다
        update.eagerReducer = lastRenderedReducer
        update.eagerState = eagerState
        if (is(eagerState, currentState)) {
          return
        }
      }
    }
    scheduleWork(fiber, expirationTime)
  }
}

‎
function dispatchAction(fiber, queue, action) {
  // const alternate = fiber.alternate
  if (...) {
    didScheduleRenderPhaseUpdate = true; // renderWithHooks()에게 컴포넌트 재실행을 알려줄 플래그

    const update = {
      expirationTime: renderExpirationTime,
      action,
      suspenseConfig: null,
      eagerReducer: null,
      eagerState: null,
      next: null,
    };

    if (renderPhaseUpdates === null) {
      renderPhaseUpdates = new Map(); // update 임시 저장소
    }

    const firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
    if (firstRenderPhaseUpdate === undefined) {
      renderPhaseUpdates.set(queue, update);
    } else {
      // Append the update to the end of the list.
      let lastRenderPhaseUpdate = firstRenderPhaseUpdate;
      while (lastRenderPhaseUpdate.next !== null) {
        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
      }
      lastRenderPhaseUpdate.next = update;
    }
  } else {
    /*idle update..*/
  }
}