React vs Vue

Common

• 가상 DOM을 활용한다.
• 반응적이고 조합 가능한 컴포넌트를 제공한다
• 코어 라이브러리에 집중하고 있고, 라우팅 및 전역 상태 관리하는 캠퍼니언 라이브러리가 있다.

Diffrent

• React는 컴포넌트 상태 변경시 해당 컴포넌트에서 루트로 시작하여 전체 컴포넌트 하위 트리를 다시 렌더링

React

불필요한 재 렌더링을 피하려면 shouldComponentUpdate 를 구현하고, 변경 불가능한 데이터 구조를 사용해야 한다.

Vue

컴포넌트 종속성이 렌더링 중 자동으로 추적해야 하므로 다시 랜더링해야 하는 컴포넌트를 알고 있다.

⇒ Vue 와 React 모두 가상 DOM을 사용하여 이를 구현하지만 Vue의 가상돔 구성이 더 가벼우므로 더 적은 오버헤드가 발생한다.