[React 까보기 시리즈] Fiber 생성 과정

https://www.youtube.com/watch?v=lMuU0uTUoAQ

 

Fiber 생성 과정 

fiber는 VDOM의 node에 대한 정보(e.g hook, expirationTime...)를 담은 객체 

tag를 통해 fiber 종류 판별 -> fiber 종류에 따라 reconciliation 작업(Work)을 처리하는 과정이 달라지기 때문에 붙은 이름 WorkTag 

 

createFiber

FiberNode 생성자 함수 

- this.memoizedState에 hook 객체 할당 

- this.expirationTime에 우선순위 

 

createFiberFromFragment 

- pendingProps에 element(자식)를 전달 

 

createFiberFromText 

- pendingProps에 content(string 혹은 number)를 전달 

- key에 null 전달 

 

createFiberFromElement