[react 까보기 시리즈] 리액트에서 Concurrent Mode 가 가능해진 이유? Timerqueue 와 Taskqueue 의 활용
Synopsis
오늘은 리액트가 Task 를 어떻게 처리하는지 그 과정을 자세히 살펴 보았습니다. 가장 먼저 스케줄링 흐름에 관한 도식도를 ...
You Might Also Like
![[React 까보기 시리즈] Fiber 구조로 가능해진 Concurrent mode 와 Sync WORK 를 처리하는 방법?](https://i.ytimg.com/vi/A6KGVmvEV-s/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAmgup3uksKjm_tyP_xvfPXuAo5PQ)
![[React 까보기 시리즈] React concurrent mode 맛보기? performConcurrentWorkOnRoot 까보기](https://i.ytimg.com/vi/W5_jtoRPgR0/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCXobY4MoXRJyWU9UQsT9YOxPDU4A)
![[React 까보기 시리즈] 리액트가 WORK 를 스케줄링하는 과정을 까보자](https://i.ytimg.com/vi/xLiHuAYgs_M/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA-hMELqJLk2IaUGbZRaiTwMebgrg)
![[React 까보기 시리즈] concurrent WORK 은 어떻게 sync WORK이 되는가(performSyncWorkOnRoot)](https://i.ytimg.com/vi/nLBohhr_Kq4/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBXBJHRJpnskBjBzrorIBRQAGHqnA)
![[React 까보기 시리즈]Scheduler 시작!Task 까보기](https://i.ytimg.com/vi/8IwUdtULaec/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBRYr-Jk3TmRIXbHGIB2IpgccIgyg)
![[React 까보기 시리즈] Scheduler 에서 다시 Reconciler 로!(Task 를 처리하여 WORK 수행)](https://i.ytimg.com/vi/QxTGqmcAp_w/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBdvTcg4mlrUFC06o3M4tBAE9412A)
![[React 패키지 까보기] 리액트가 처리중인 WORK 의 우선순위를 비교하는 방법 (ensureRootIsScheduled)](https://i.ytimg.com/vi/OOMczDLPrBQ/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA4RajBcQ-c-WS24IZ-ChKMlBw_RQ)
![[React 까보기 시리즈]reconciler가 WORK를 스케줄링하기 위한 사전작업](https://i.ytimg.com/vi/G2ib1cVOKbo/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBdSlsednwfEnl4d0ymxAE-CK-A_w)
![[React 까보기 시리즈]setState 를 여러번 호출하면 실제로 상태를 여러번 업데이트할까?(상태를 업데이트 하기 위해 queue 에 저장하고 소비하는 과정)](https://i.ytimg.com/vi/wGCZHxKEo28/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBYW1FHLEYahUMya16tnBEWnXGjAQ)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.