Virtual Dom

Virtual Dom

Virtual Dom이란?

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.

그러나 React는 컴포넌트 트리에 대한 추가 정보를 포함하기 위해 “fibers”라는 내부 객체를 사용합니다. 또한 React에서 “virtual DOM” 구현의 일부로 간주할 수 있습니다.

Design Principle

합성

• React의 핵심 기능은 컴포넌트의 합성입니다.
• 컴포넌트에서 state나 생명주기 메서드를 사용하는 것에 대해 “나쁜 것”은 없습니다.
• 다른 강력한 기능과 마찬가지로 적당히 사용해야 할 필요가 있지만, 우리는 그것들을 제거할 생각은 없습니다.
• 오히려 우리는 그것들이 React를 유용하게 만드는 데에 매우 중요한 부분이라고 생각합니다.
• 장래에 보다 함수적인 패턴을 사용 가능하게 할 지도 모르겠습니다만,
• 로컬 state와 생명주기 메서드는 모두 그 모델의 일부가 될 것입니다

스케줄링

• 컴포넌트가 함수로 기술되어 있어도 React를 사용할 때 그것을 직접 호출하지는 마세요.
• 모든 컴포넌트는 무엇을 렌더링할 필요가 있는 것인지에 대한 설명을 반환하고 과 같은 사용자가 정의한 컴포넌트와
  와 같은 플랫폼 고유의 컴포넌트를 모두 포함할 수 있습니다.

총정리

Virtual DOM	실제 DOM과 동기화 할 가상 표현
재조정	실제 DOM과 Virtual DOM의 동기화
React Fiber	스택 reconciler 대체한 재조정 엔진