React, Vue Comparison 비교

블로그 참고하여 React, Vue를 비교해봤다. 뭐가 더 좋다가 중요한게 아닌 어떤 상황에 뭐가 더 적합하겠다를 위한 비교이다.

개인적으로 Frontend 입문 및 빠른 웹 프로토타이핑 상황에는 Vue가 좋을 것 같고,

Web 뿐만 아니라 Native Mobile도 고려하는 서비스이거나 숙련된 개발자로서 더 유연한 옵션을 조절하는 유연성을 원한다면 다양한 써드파티를 고려할 수 있는 React가 더 좋을 것 같다.

React의 숙지만으로 Mobile Native 도 커버할 수 있다는 것은 어쨋든 큰 장점이다. Vue framework을 기반으로 하는 Cross Platform 솔루션이 있긴 하지만, Native Build는 아니니까. ( Mobile app이 꼭 native app이어야 하는가 까지 고려해 볼 수도 있겠다 )

 

React

1. from Facebook

2. JSX (Javascrtipt Expressions) 사용 :  Javascript안에 HTML 사용하는 방식, React는 함수형 프로그램밍

3. JSX의 Learning Curve가 좀 있는 편

4. Component 기반이며, Lifecycle 존재

5. React Native : React, Javascript로 Mobile Native App을 Build가능(iOS, Android)

6. router, state management 라이브러리에 대해 다양한 third part를 고려해볼 수 있고 유연 : 다양한 Option의 고려를 원하는 개발자에게는 장점

7. CLI 지원 : create-react-app

 

Vue

1. from open source community

2. HTML, Javascript, CSS 분리하여 작업

3. 기존 웹 개발과 크게 이질감이 없어 Learnig Curve 괜춘, JSX도 가능

4. Component 기반이며, Lifecycle 존재, React보다 직관적이며 간단

5. Documentation이 React보다 나음

6. Weex(from Alibaba)라는 app build 솔루션이 있지만 아직 성숙하진 않은듯. 리서치 더 필요

7. vue router, vuex, nuxt 등 vue 공식 라이브러리 기본 생태계가 잘 조성되어 있음

8. CLI 지원 : vue-cli

 

code style comparison

 

참고 : https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd

I created the exact same app in React and Vue. Here are the differences.