다른 글도 있어서 구글 번역...  결정하시는데 도움이... 

Introduction

안녕 여러분,

SPA 개발에 사용할 수있는 새롭고 인기있는 도구를 꽤 많이 읽고 실험했습니다.
저는 제가 몇달 전에 있었던 사람들에게 꽤 유용한 결론을 내리게 될 것이라고 믿습니다. 기본을 이해하고 나의 필요를 더 잘 해결할 프레임워크/라이브러리를 결정하려고 노력했습니다. 그래서 뛰어 들어 봅시다!

ES6 및 jQuery에서 대용량 데이터 SPA를 개발 한 경험이 있습니다.
모듈 + 구성 요소 + 중앙 상태 관리 + 뷰 라이브러리 / 프레임 워크의 새로운 패러다임으로 전환하고 싶었습니다.

깊은 연구 끝에 Angular2와 React에 대한 옵션을 줄였습니다. (나중에 Vue.js에 대해 알고있었습니다. 나중에 자세히 설명합니다.)

I did not like Angular

- 가파른 학습 곡선.
- 단일 개발자 (팀이 아님)에게 너무 많은 의식.
-이 현대적인 도구에 대해서는 알지 못했지만 Angular를 사용하면 자바 스크립트에 대한 깊은 이해가 프레임 워크의 내부에서 무슨 일이 벌어지고 있는지 이해할 수 없습니다.
- 설치는 Webpack, npm 및 / 또는 모든 각도 물건을 함께 넣을 도구가 있으면서도 처음부터 매우 신비했습니다.
- 내 생각에 너무 많은 DSL (도메인 특정 언어).

I did like React

- React.js 라이브러리에서 (시작 부분에) <script> 태그를 사용하여 정말 빨랐습니다.
- React는 뷰 라이브러리이므로 의식이 거의 또는 전혀 없었습니다. 나는 그들이 이전에했던 것처럼 옳고 그름대로 일을 계속할 수있었습니다.
- Javascript에 대한 깊은 이해는 당연히 도구가 후드 아래에서 작동하는 전체적인 방법을 이해하게합니다.
- 아주 작은 API.

I started my new project on React.js

그래서 React.js로 새로운 SPA 제품을 개발하기 시작했습니다.
중부 지역을 관리하기 위해 Redux 솔루션이 실제 요구 사항에 비해 너무 많은 의식을했기 때문에 "바오밥"을 선택했습니다.

모든 것이 잘 돌아갔습니다. React.js와의 경기는 없습니다. "Thinking in React"문서와 큰 커뮤니티에서 제공하는 많은 리소스를 활용하여 다음과 같은 중요한 개념을 매우 빠르게 습득했습니다. 구성 요소, 지능형 및 벙어리 구성 요소, 단방향 데이터 바인딩, 구성 요소 내부 상태에 의한 추상화 및 코드 재사용 등

Performance issues arised

내 응용 프로그램이 커지기 시작했을 때, 비용이 많이 드는 작업을 불필요하게 다시 렌더링했기 때문에 성능 문제가 발생했습니다. 그래서 다시 렌더링해야 할 부분을 제어해야했습니다. React.js API는 "shouldCompnentUpdate"와 같은 메소드를 제공하여이를 처리합니다.
기술 및 엔지니어링 관점에서이 렌더링 로직을 다루는 것이 흥미 롭습니다. 그러나 다른 한편으로는, 나는 나의 신청과 관련없는 논리에있는 시간을 소요하고 저것을 좋아하지 않았다.
한 번 더, 나는이 시점과 관련된 많은 기사를 읽기 시작했고, 우연히 Vue.js에 관해 읽었습니다.

I switched to Vue.js

Vue.js는 렌더링 논리를 다루는 데 너무 신경을 쓸 필요가 없었기 때문에 주목을 끌었습니다. 그래서 저는 좀 더 파고 들어서서 라이브러리가 제 반응 생태계에서 다른 라이브러리 (조건에 대한 CSS 클래스를 바꾸는 것이 내 마음에 들었습니다)를 넘겨주는 많은 다른 작은 것들을 돌보고 있다는 것을 알게되었습니다.

반응 배경을 가지고 Vue.js에서 내 SPA를 편안하게 되찾기 위해 1 주일이 걸렸습니다. 나는 10 일 동안 일하고 있고 모든 것은 산들 바람이다. React와 비교할 때 코드 줄이 적어지며 동시에 많은 양의 코드를 읽을 수 있습니다. Vue.js는 기능 렌더링도 제공합니다.
또한 내 SPA는 이제 렌더링 성능 문제가 발생하기 시작한 시점과 React.js에서 동일한 시점으로 개발되었습니다. Vue.js는 아무것도 렌더링하지 않고 전체적으로 매우 빠르게 렌더링됩니다.

마지막으로 Vue.js로 라이브러리의 <script> 태그를 실제 프로젝트에 넣기 만하면됩니다. 이 라이브러리는 Angular 또는 React (TypeScript 및 JSX 각각)와 달리 다른 언어로 번역 할 필요가 없습니다.

My conclusions for now

1) Angular2 : 팀 (기업)에서 일하거나 멋진 회사에서 프런트 엔드 개발자를 찾고 있다면 흥미 롭습니다.

2) React : React는 놀랍습니다. 위대한 철학. 바위처럼 단단한. 놀라운 교사. 당신은 실제로 사물에 대해 생각하고 진행 상황과 이유에 대해 확실하게 이해하는 법을 배웁니다. 또한 작업 할 유용한 라이브러리가 많은 초대형 커뮤니티 (npm에 간단한 draggable /> React 구성 요소를 사용하여 div를 드래그 가능하게 만들었습니다.) Vue.js를 찾을 수조차 없었고, 오래된 jQuery를 사용했습니다. UI 대신.)

3) Vue2.0 : 나는 지금이 길을 계속하고 있습니다. Vue.js에서 React.js 선생님이 이해할 수 있는 방법을 가르쳐주는 문제를 해결하는데 많은 이점이 있음을 알았습니다 (더 많은 작업을 통해 해결할 수 있습니다). 내가 두려워하는 것 : 손으로 직접 해결할 수 있는 단순한 문제를 해결할 수 있는 커뮤니티 도구가 부족하고 큰 소프트웨어 회사가 없다는 것 (나는 이들의 위험이 실제로 무엇인지 모릅니다.)

이것이 지금 사람들을 위한 것입니다. 나는 실제로이 새로운 Javascript Universe, 개념 및 의견을 매우 흥미롭고 재미있게 찾습니다. 나는 당신이 그것을 명확히하고 미끼로 들어갈 수 있기를 바랍니다.

워드 프레스가 말한 것처럼 "코드는 시"입니다.

인사말!