angular.js - NgReact에 대해 어떻게 생각해야 할까요(Angular에서 React 구성 요소 사용)
漂亮男人2017-05-15 16:50:29
0
2
732
방금 봤어요http://davidchang.github.io/ngReact/
Reactjs와 Angularjs를 통합합니다. 렌더링만 담당하는 Angularjs의 명령어 부분을 Reactjs를 사용하여 구현합니다.
이 조합에 대해 어떻게 생각하시나요?
이점은 무엇입니까? 단점?
Angular의 자동 더티 검사 메커니즘으로 인해 각도의 렌더링에는 시간이 많이 걸립니다. 더티 검사는 dom 요소의 모든 ngBind 요소를 기록한 다음 변경 사항을 확인하고 각 $digest 루프의 내용을 대체합니다. 한 가지 문제는 페이지에 데이터가 너무 많으면 더 많은 DOM 요소가 조작되고 효율성이 낮아진다는 것입니다. 따라서 Angular의 ngRepeat 상한은 2000입니다.
React에는 템플릿이 없기 때문에 DOM을 직접 조작하는 대신 메모리에서 렌더링 및 작업을 위해 js를 사용합니다. 이는 매우 빠르므로 이 둘을 결합하면 UI 렌더링이 대폭 향상되어 대규모 작업에 적합합니다. 데이터 프리젠테이션이 큰 도움이 될 것입니다.
단점이라면 리액트가 싫은 것도 포함되나요? Angular의 템플릿은 큰 장점입니다. 여러분이 보는 것은 모든 것이 지침이며, 반대로 React가 HTML을 구성 요소로 작성하는 방식은 최적화 및 유지 관리 비용이 너무 높다고 생각합니다. es7은 Object.observe 함수, 그때쯤이면 ng의 효율성이 크게 향상될 것입니다.
이해가 안 되는 점: 둘을 결합한 후 DOM 이벤트를 처리하는 방법은 무엇입니까? 양방향 데이터 바인딩을 진행하는 방법은 무엇입니까? 양방향 데이터 바인딩이 필요하지 않은 경우 Angular에는 1.3부터 내장된 일회성 바인딩 구문인 {{ ::expression }}을 사용하여 양방향 데이터 바인딩의 효율성이 낮은 문제를 크게 완화할 수 있습니다. .
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이것에 대해 아시는 분이 조언을 주셨으면 좋겠습니다. 정말 감사합니다.
저는 반응에 대해 잘 모르지만 다음과 같이 설명할 수 있습니다.
Angular의 자동 더티 검사 메커니즘으로 인해 각도의 렌더링에는 시간이 많이 걸립니다. 더티 검사는 dom 요소의 모든 ngBind 요소를 기록한 다음 변경 사항을 확인하고 각 $digest 루프의 내용을 대체합니다. 한 가지 문제는 페이지에 데이터가 너무 많으면 더 많은 DOM 요소가 조작되고 효율성이 낮아진다는 것입니다. 따라서 Angular의 ngRepeat 상한은 2000입니다.
React에는 템플릿이 없기 때문에 DOM을 직접 조작하는 대신 메모리에서 렌더링 및 작업을 위해 js를 사용합니다. 이는 매우 빠르므로 이 둘을 결합하면 UI 렌더링이 대폭 향상되어 대규모 작업에 적합합니다. 데이터 프리젠테이션이 큰 도움이 될 것입니다.
단점이라면 리액트가 싫은 것도 포함되나요? Angular의 템플릿은 큰 장점입니다. 여러분이 보는 것은 모든 것이 지침이며, 반대로 React가 HTML을 구성 요소로 작성하는 방식은 최적화 및 유지 관리 비용이 너무 높다고 생각합니다. es7은 Object.observe 함수, 그때쯤이면 ng의 효율성이 크게 향상될 것입니다.
이해가 안 되는 점: 둘을 결합한 후 DOM 이벤트를 처리하는 방법은 무엇입니까? 양방향 데이터 바인딩을 진행하는 방법은 무엇입니까? 양방향 데이터 바인딩이 필요하지 않은 경우 Angular에는 1.3부터 내장된 일회성 바인딩 구문인 {{ ::expression }}을 사용하여 양방향 데이터 바인딩의 효율성이 낮은 문제를 크게 완화할 수 있습니다. .