[7주차 이론 study] useTransition

[xeunnie]

useTransition

키워드

•	비동기 상태 관리: startTransition, isPending
•	렌더링 최적화: concurrent rendering, scheduling
•	사용자 경험 개선: 낮은 우선순위 작업, 인터랙티브 UI
•	Suspense와 연계: 서스펜스 기반 데이터 로딩 최적화
•	기본 원리: 브라우저 이벤트 루프와 React 스케줄링

⸻

useTransition 핵심 개념

•	useTransition의 역할과 필요성
•	startTransition(callback)을 활용한 비동기 상태 업데이트
•	isPending 상태를 활용한 UI 로딩 처리
•	React의 Concurrent Rendering과 useTransition
•	useDeferredValue와의 차이점 및 사용 사례
•	동기 vs 비동기 상태 업데이트 차이 및 성능 비교
•	비동기 렌더링에서의 우선순위 관리 (startTransition이 적용되는 우선순위)
•	useTransition과 Suspense 조합 사용법 (비동기 데이터 로딩)

⸻

면접 대비 useTransition 심화 개념

•	useTransition vs useDeferredValue 차이 (렌더링 최적화 관점)
•	useTransition이 Concurrent Mode에서 하는 역할
•	useTransition 내부 동작 방식 (React Scheduler와의 관계)
•	비동기 상태 업데이트 전략과 useTransition 적용 방법
•	useTransition이 유용한 케이스 vs 불필요한 케이스
•	startTransition 내부에서의 상태 업데이트 흐름 분석
•	useTransition을 사용한 성능 최적화 패턴 (로딩 지연 최소화)
•	React 18 이전과 이후의 상태 관리 및 비동기 처리 방식 차이