리액트 아키텍처 비교: Stack vs Fiber

컴포넌트 트리 깊이 설정

더 깊은 컴포넌트 트리일수록 차이가 명확하게 드러납니다.

10

인위적 지연 시간 (ms): 각 컴포넌트 처리 시 지연 시간

20

Stack Reconciler

Stack 기반 재귀 호출로 한 번에 전체 트리 처리

Fiber Reconciler

작업 단위로 나누어 비동기적으로 처리

UI 인터랙션 테스트

각 아키텍처가 실행되는 동안 아래 버튼을 클릭해보세요. Fiber는 메인 스레드를 차단하지 않습니다.

버튼 클릭 횟수: 0

Stack Reconciler 특징

Fiber 아키텍처 특징

콘솔 로그