(번역) 블로그 답변: React 렌더링 동작에 대한 (거의) 완벽한 가이드

ReactDOM – React

Render and Commit – React

Understand How Rendering Works in React

React Fiber Architecture

Angular in Depth

React Deep Dive — Fiber

제2부: Virtual DOM을 넘어서 - React의 Fiber와 Reconciliation | FE Tech Talk

<aside> 💡 React를 활용해 작성한 코드가 어떻게 동작 하는지 이해하는 시간을 가져봅시다.

</aside>

https://youtu.be/za2FZ8QCE18?si=3Uh2DmsHQv-JDnnY

개괄적인 리액트 렌더링 프로세스를 코드와 함께 이해하기 쉽게 설명해주는 좋은 영상입니다.

(1) 렌더링 첫번째 단계 - Trigger

<aside> ❗ ‘React 너 렌더링 시작해!’라는 명령을 받는 과정입니다.

</aside>

우리가 렌더링을 DOM에 마운트 시키거나 상태를 변화하는 등 렌더링을 의도하는 호출을 했을 때, 가장 먼저 시작되는 단계이며 크게 두가지 시작 지점으로 볼 수 있습니다.