codememo

Angular JS와 리액트JS

tipmemo 2023. 3. 29. 21:32
반응형

Angular JS와 리액트JS

새로운 웹 어플리케이션에 어떤 JavaScript 프레임워크를 사용할지 결정 중입니다.Angular를 쓰고 싶었는데 최근에 React라는 말을 들었어요.문제는 - 나는 그 둘 사이의 정말 좋은 비교를 발견하지 못했다는 것이다.비교를 하는 대부분의 기사는 "프로 리액트"로 비교에 큰 도움이 되지 않지만, 왜 반응하는 것이 더 좋은지를 보여주는 데 그치고 있습니다.

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

실제 경험이나 양쪽의 장단점을 설명하는 비교가 있습니까?의견을 주셔서 감사합니다.

업데이트 - 양쪽 프레임워크에서 동일한 작업을 수행하고 장단점을 비교하는 방법이 도움이 될 수 있습니다.

:회사 목록이 테이블에 있습니다.각 행은 1개의 회사이며, 각 열은 회사에 대한 몇 가지 정보(이름, 주소, 직원 수)입니다.엔트리가 많아 페이징과 정렬이 필요합니다(서버측).

저는 리액트에 대해 합리적인 경험이 있지만 Angular에 대해서는 전혀 경험이 없습니다.Angular에 대해서 제가 말하려고 하는 것은 제가 다른 사람들에게서 읽고 들은 내용입니다.

반응

장점

  1. 배우기 쉽다
  2. 격리된 컴포넌트는 유지보수가 용이함
  3. React의 "항상 재렌더" 방식은 복잡한 상황을 쉽게 이해할 수 있는 좋은 방법입니다.
  4. 플럭스는 MVC 패턴에 대한 정말 좋은 대안입니다.단방향 데이터 흐름은 유지보수를 지원하고 데이터와 DOM 요소의 일관성을 유지합니다.불변과 결합JS의 데이터 구조, 이것은 가장 중요한 것입니다:)

단점

  1. DOM 조작 libs(예: jQuery)와 함께 재생되지 않음
  2. 특히 Flux를 사용하는 경우에는 작업 방식이 크게 바뀌지만 익숙해지려면 시간이 좀 걸립니다.
  3. 렌더링 방식의 큰 데이터 세트를 컴포넌트가 처리할 때 매번 재렌더링으로 앱 속도가 느려지는 경우가 있습니다.이러한 경우 성능을 최적화하는 것은 다소 까다로울 수 있습니다.

각진

장점

  1. 좋은 문서
  2. 커뮤니티 구성원은 도움이 됩니다(여기 SO에서 좋은 답을 쉽게 찾을 수 있습니다).
  3. 양방향 데이터 바인딩을 통해 구현이 매우 용이함

단점

  1. 퍼포먼스 문제:양방향 데이터 바인딩을 만들려면 데이터 모델의 변경 사항을 확인해야 합니다.또한 HTML을 해석해야 마법처럼 작동합니다.이로 인해 속도가 느려지고 앱이 모바일 장치에서 실행 중일 경우 배터리가 더 빨리 소모됩니다.
  2. HTML 및 JS에 분산된 논리: 코드 이해, 유지 보수 및 디버깅이 어렵습니다.
  3. v2가 몇 가지 문제를 해결하려고 하지만 모든 v1 코드가 사용되지 않음

언급URL : https://stackoverflow.com/questions/28151067/angularjs-vs-reactjs

반응형