효뚜르팝의 Dev log
[React 까보기 시리즈] Virtual DOM 의 맨 위에는 어떤 node 가 있을까? root node 까보기(feat. CRA) 본문
TIL
[React 까보기 시리즈] Virtual DOM 의 맨 위에는 어떤 node 가 있을까? root node 까보기(feat. CRA)
hyodduru 2024. 11. 7. 22:19https://www.youtube.com/watch?v=3B5XcKkU4ug
root node 안에는 어떤 Property들이 들어있을까? (feat. VDOM)
생성 방법 : root node는 FiberRootNode로 생성
구성요소
- containerInfo : container element(div)
- expirationTimes : scheduler에서 처리하는 우선순위 관련 값
- current : VDOM 최상단 nodes(host root)
- return : null 최상단이기 때문에
- stateNode : FiberRootNode 가르킴 (자신을 렌더한 container를 stateNode를 통해 가리킴 ) DOM에 마운트 되는 얘들만 가리키는게 stateNode이기 때문에 개발자가 작성한 커스텀 컴포넌트의 stateNode는 null임.
'TIL' 카테고리의 다른 글
| [React 까보기 시리즈] React concurrent mode 맛보기? performConcurrentWorkOnRoot 까보기 (1) | 2024.11.07 |
|---|---|
| [React 까보기 시리즈] 리액트가 WORK를 스케줄링하는 과정을 까보자 (2) | 2024.11.07 |
| [React 까보기 시리즈] Fiber 생성 과정 (2) | 2024.11.07 |
| [React 까보기 시리즈] React component가 return하는 html은 babel을 만나서 어떻게 변할까? (createElement 함수 까보기) (1) | 2024.11.07 |
| iframe 자동 번역이 안 되는 이유, 결국 원인은 여기에,,, ! (1) | 2024.11.06 |