React vs Vue 비교 (2019 Edition, React Hooks 기준)
Source
Evernote/Inbox/I created the exact same app in React and Vue. Here are the differences. 2019 Edition.md
Summary
이 문서는 동일한 To-Do 앱을 React(React Hooks 사용)와 Vue로 구현하여 코드 구조와 데이터 처리 방식의 차이를 비교한다. 파일 구조는 유사하나, CSS 관리 방식에서 React는 컴포넌트별 별도 CSS 파일을 사용하는 반면, Vue는 단일 파일 컴포넌트(SFC) 내에 스타일을 포함한다. 데이터 변경(mutate) 측면에서 Vue는 data 객체를 직접 업데이트하는 반면, React는 useState 훅을 통해 상태를 관리한다.
Key Points
- 동일한 To-Do 앱을 React(create-react-app)와 Vue(vue-cli)로 구현하여 비교
- 파일 구조는 유사하지만 CSS 관리 방식이 다름: React는 별도 CSS 파일, Vue는 컴포넌트 내부 스타일
- 데이터 변경 방식: Vue는 data 객체 직접 수정, React는 useState 훅 사용
- 비교 기준: 2019 년도, React Hooks 도입 이후의 React 코드