2015-01-26 7 views
34

새 웹 응용 프로그램에 사용할 JavaScript 프레임 워크를 결정하고 있습니다. 저는 Angular를 사용하고 싶었지만 React에 대해 최근 들어 들었습니다. 문제는 - 둘 다 정말 좋은 비교를 찾지 못했습니다. 비교를 수행하는 대부분의 기사는 "사전 반응 적"이며 비교하는 데 큰 도움이되지 않지만 왜 반응이 더 좋은지 보여줍니다. 예 :AngularJS와 ReactJS

https://www.codementor.io/reactjs/tutorial/react-vs-angularjs http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look

모두의 장단점 상관 없음 실제 경험, 또는 비교? 귀하의 의견

UPDATE에 대한 감사합니다 - 어쩌면 작은 예를 들어 두 프레임 워크에 동일한 작업을 수행하는 방법, 도움이 프로를 비교하는 것입니다/단점

: 나는 테이블 회사의 목록을 가지고 . 각 행은 1 회사이며 각 열은 회사에 대한 정보 (이름, 주소, 직원 수 ..)입니다. 많은 항목이 있으며 일부 페이징 및 정렬 (서버 측)이 필요합니다.

+0

각도 대 반응되지 않는 모든 V1 코드 만들기 : 웹 개발을위한 더 나은가요? - https://www.toptal.com/front-end/angular-vs-react-for-web-development?utm_campaign=blog_post_angular_vs_react_for_web_development&utm_medium=email&utm_source=blog_subscribers#remote-developer-job –

답변

35

I React와의 합리적인 경험이 있으며 기본적으로 Angular를 가진 사람은 없습니다. 그래서 Angular에 대해 제가 말하고자하는 것은 다른 사람들이 읽고들은 것들입니다.

는 반작용의 "항상 재 렌더링"방법은 좋은
  • 가 쉽게 그것을 유지
  • 프로

    1. 쉬운
    2. 고립 된 구성 요소를 유지하기 위해 쉽게 배울 반응 어떤 일이 복잡 해지는 지 이해하십시오.
    3. Flux는 MVC 패턴 대신 정말 좋은 대안입니다. 단방향 데이터 흐름은 유지 보수성과 데이터 및 DOM 요소의 일관성 유지에 도움이됩니다. Immutable.JS 데이터 구조와 결합, 그것은 케이크 :

    단점의 상단에 체리입니다

    1. DOM 조작 libs와 함께 좋은 재생되지 않습니다 (예 : jQuery를)
    2. Flux를 사용하는 경우에는 실제로 작업 방식이 바뀝니다. Flux는 좋지만 약간 익숙해 져 있습니다.
    3. 구성 요소가 render 메서드에서 큰 데이터 집합을 처리 할 때마다 다시 렌더링 할 때마다 응용 프로그램의 속도가 느려지는 경우가있었습니다. 이러한 경우 성능을 최적화하면 약간의 문제가 발생할 수 있습니다.

    각도

    프로

    1. 사회의
    2. 회원 (SO에 여기에 좋은 답변을 쉽게 찾을 수) 도움이되는 좋은 문서.이 데이터 모델의 변경을 확인하는 바인딩 양방향 데이터를 만들려면 :
    3. 는 는
    4. 데이터 바인딩 양방향

    단점

    1. 성능 문제를 구현하는 몇 가지 정말 쉽게 . 또한 마술 작업을하기 위해 HTML을 구문 분석해야합니다. 앱이 휴대 기기에서 실행되는 경우 배터리가 더 빨리 소모됩니다.
    2. HTML과 JS에 걸쳐 퍼지기가 쉬운 코드 : 이해하기 쉽고, 유지 관리하고 디버그하기가 더 쉽습니다.
    3. v2를 몇 가지 문제를 해결하기 위해 오는, 그러나
    +7

    좋은 답변, 나는 둘 다 사용 해왔다. React와 Angular를 약 1 년 동안 추가하고 싶습니다. ** I ** ** Angular over React를 절대 선택하지 않을 것입니다. 그러나 React 경험없이 몇 명의 무작위 개발자를 고용하고 즉시 작업을 시작해야하는 경우, 반응은 실용적이라는 것을 배우기에는 너무 오래 걸립니다. 또한, Ember는 내가 듣는 것에서 Angular의 더 나은 버전입니다. 자세히 알아보기 자유 시간에 반응하고 다음 프로젝트 또는 회사의 일부 내부 도구에서 사용하십시오. – FakeRainBrigand

    +1

    네, 스스로 배우고 작은 것을 시작하는 것이 항상 좋습니다. –

    +1

    Separtaion HTML과 JS는 mainatin과 디버그를 이해하기가 더 어렵습니다. 불 똥. 실제로 분리는 "js와 html을 섞지 않는"좋은 습관입니다. 또한 프로젝트를 매우 명확하고 이해하기 쉽게 만듭니다. Model-View-Controler - html 각형 템플릿은 뷰이고, js 각 구성 요소는 컨트롤러이고, 각진 모델 파트 (모델 + 서비스) –