search

codesquad2023-fe-study / ReactDeepDive-book-study

리액트 딥다이브 책 스터디입니다.
0 stars 0 forks source link

[ 2주차 ] 리액트 18은 어떻게 우선순위에 따라 컴포넌트를 렌더링하는가 (ref. 동시성 렌더링) #5

Open bread1022 opened 7 months ago

bread1022 commented 7 months ago

주제

리액트 18은 어떻게 우선순위에 따라 컴포넌트를 렌더링하는가 (ref. 동시성 렌더링)

선정 이유

10.2절에 살펴볼 수 있다하지만 동시성 렌더링에 대해 간략하게라도 알아보고 싶음

책 내용 (p178)

렌더링 작업이 무거운 B 컴포넌트와, 상대적으로 빠르게 렌더링할 수 있는 C 컴포넌트가 있을 때 의도적으로 먼저 C 컴포넌트라도 먼저 보여줄 수 있게하는 방법이 리액트 18버전에 도입되었다고 함. 우선순위로 컴포넌트를 렌더링해 최적화할 수 있는 비동기렌더링. 동시성 렌더링이 무엇인가.. 동시성 렌더링을 사용하면 렌더단계가 비동기로 작동해 특정 렌더링의 우선순위를 낮추거나 중단하거나 재시작할 수 있다고 함.

bread1022 commented 7 months ago

startTransition를 사용하면 긴급하지 않은 업데이트를 분류할 수 있음