React와 Vue

React와 Vue의 공통점과 차이점

공통점

Virtual Dom 방식으로 렌더링되며 SPA 페이지를 만드는데 장점이 있다.

컴포넌트 단위로 UI를 구성하여 재사용성에 장점을 갖는다.

차이점

React는 하나의 jsx파일 안에서 함수형 컴포넌트를 통해 여러개의 컴포넌트를 정의하고 사용 할 수 있지만, Vue에서는 하나의 vue파일에서는 하나의 컴포넌트만이 생성된다.

React는 단방향 데이터 바인딩이고, Vue는 양방향 데이터 바인딩이다.

React는 CSS-in-JS 방식으로 스크립트를 통해 CSS를 제어하는 반면 Vue는 CSS-in-JS 뿐만 아니라 style 태그를 통해 CSS를 제어할 수 있다.

React는 JS 기반의 JSX문법으로 자유도가 높은 편이고, Vue의경우 Vue문법에 한해 구현하게 되어 상대적으로 자유도가 낮다.
하지만 그로인해 React는 여러 작업자가 협업하는경우 통일성이 떨어질 수 있고 Vue는 같은 문법을 사용하게되어 통일성이 높다.

기존의 React, Vue 문서 비교
React / Vue