유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Charlotte Isambert - The suspense quest Inside React's Magic

BeJS

2024. 11. 5.

0

#frontend
  • React는 컴포넌트를 인스턴시에 할 때 즉시 실행하는 것이 아니라, JSX 구문을 통해 컴포넌트 노드를 가상 트리에 추가하여 추후 렌더링 루프에서 실행한다. 🏗️
  • React는 "작업 중인 것" 포인터를 사용하여 렌더링 루프를 통해 트리를 순회하며 렌더링 작업을 수행한다. 🔁
  • 컴포넌트의 상태변화는 "리렌더링 플래그"를 설정하여 React가 해당 부분을 다시 렌더링하도록 촉구한다. 🚩
  • Suspense는 쿼리 (fetching)가 진행되는 동안 fallback 컴포넌트를 표시하며, 쿼리가 완료되면 실제 컴포넌트를 렌더링한다. ⏳
  • Suspense는 작업 루프 내에서 쿼리가 진행 중임을 알리는 메커니즘을 사용하여, 렌더링 전에 fallback을 표시할지 결정한다. 🗺️

Recommanded Videos