리액트 소스코드 스터디

performWorkUntilDeadline
renderRootSync
workLoopSync
updateFunctionComponent
renderWithHooks
...<App />

「시작하기 앞서」

리액트 코드 직접 수정해서 써보기 Trigger, Schedule, Render, Commit

「첫 렌더링」

목표 ReactDOM은 생각보다 심플하다 렌더링 예약하기 리액트의 트리 순회법 트리가 두 개 필요하다 첫 Fiber 만들기 나머지 Fiber 만들기 Fiber 보고 DOM 만들기 만든 DOM 화면에 반영하기

「리렌더링」

목표 확인할 노드가 마킹된다 재활용되는 Fiber prop 비교해 건너뛰기 자식은 항상 리렌더링된다 Fiber 다시 만들기

「리액트 훅」

CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE