React
- 웹 뿐만 아니라 앱 개발에도 사용 ( React Native )
- 페이스북이라는 거대한 업체의 지원
- 가장 거대한 커뮤니티
- 단방향 데이터 흐름 (한 방향으로만 흐르기 때문에 디버깅이 쉬움)
- Virtual Dom
- 라이브러리기 때문에 다른 프레임워크와 혼용이 가능
HomePage : reactjs.org/
Repository : github.com/facebook/react
* Virtual Dom 이란?
1. 데이터 업데이트시에 전체 UI를 Virtual DOM에 리랜더링 합니다.
2. 이전 Virtual DOM에 있던 내용과 현재의 내용을 비교합니다.
3. 바뀐 부분만 실제 DOM에 적용합니다.
무조건 위의 3가지가 처리되는것이 아니라 개발하는 방식에 따라 전체 랜더링 할 수도 있음.
실제 DOM을 처리하는 건 비용이 많이들고 느리다. 처리해야할 데이터가 많아졌을 때 부담을 줄여줄 수 있다.
Vue
- 가장 적은 러닝커브 ( jQuery 등에 익숙한 기존 개발자도 가장 편하게 도입 가능 )
- 가볍고 빠르게 개발이 필요하다면 추천
- 상대적으로 작지만 빠르게 성장중인 커뮤니티
- 가장 최신에 릴리즈 시작한 프레임워크(2014년)
- 양방향 바인딩 (v-model)
- Virtual Dom
- CSS 파일이 없음 style을 실제 컴포넌트 파일안에서 정의하여 사용함
HomePage : github.com/vuejs/vue#readme
Repository : github.com/vuejs/vue
Angular
- 구글이라는 전세계적인 기업의 지원
- 가장 빠르게 릴리즈된 JS 프레임워크(2010년)
- 큰 커뮤니티
- 양방향 바인딩
- TypeScript 가장 먼저 도입
- 가장 체계적이고 잘 정리되어있는 문서
- 가장 복잡하고 큰 러닝커브 ( 내부 동작 메커니즘 등 포함 )
HomePage : angularjs.org
Repository : github.com/angular/angular.js