React vs Vue.js

React :UI 라이브러리
Vue : 자바스크립트 프레임워크

일단 라이브러리는 참조가 쉽고 라이브러리의 일부분만 가져와서 사용하는게 편리하다. 리액트 자체만으로 전역 상태관리, 라우팅, 빌드 시스템 등을 지원하지 않습니다. Redux와 Mobx를 사용 해야합니다.

 

편리함
리액트는 자바스크립트 XML형태로 코드를 작성하여 UI로직과 DOM을 구현합니다.
뷰는 HTML,CSS,JS 세가지 영역을 구분으로 작성합니다. 하나의 .vue파일에 들어갑니다.
이러한 패턴 때문에 뷰가 리액트보다 더 가시적으로 편리합니다.

하지만 리액트가 현업에서 더 인기가 많은 이유는?😮
타입스크립트로 대표되는 자바스크립트의 정적 표현이 리액트를 사용할 때 편리합니다.

또한 라이브러리이기 때문에 어떤 기능을 구현할 때 정해진게 없고 여러가지 방식으로 구현 가능합니다.

뷰는 어떤 기능을 구현하기 위해서는 정해진 규칙만을 따라야합니다.
뷰는 타입스크립트를 구현하기 위해서 많은 모듈을 사용해야하고 코드 변경이 요구됩니다.

 

진입장벽
진입장벽은 뷰가 더 낮습니다. 리액트는 UI라이브러리이기 때문에 웹을 제작하기 위해서는 상태관리, 라우팅, 빌드를 모두 만들어야하기 때문입니다.