AngularJS, React 및 Redux를 어떻게 병합 할 수 있습니까?

Question

난 각도 및 redux (ngRedux)를 사용하여 응용 프로그램을 구축하고 있습니다. 이제 성능 향상을 위해 각도 대신 반응을 사용하고 싶습니다. 거대한 응용 프로그램이므로 처음부터 다시 빌드 할 수 없습니다. 그래서 angularJS (angular-ui-router)의 라우팅을 사용하고 "abc"상태가 활성화 될 때 반응 구성 요소가로드가되고이 반응 구성 요소는 모든 단일 이벤트에 대해 순수 redux를 사용해야합니다.

어떻게하면 하나의 모듈이 react-redux로 빌드되고 라우팅 상태를 통해서만 각도에 연결되는 응용 프로그램을 유지 관리 할 수 ​​있습니까? 다른 응용 프로그램 모듈도 방해받지 않아야 함을 명심하십시오.

Answer 1

React 구성 요소를 Angular로 렌더링하는 것은 꽤 쉽습니다. 하지만 방금 directive 또는 component을 사용했다고 가정합니다.

그래서 directive의 경우는 전체 템플릿 "없음 감각"을 생략하고 처리 반작용 할 수있는 당신이

module.directive("reactTest",function() { 
    return { 
    link:function(scope,element,attr) { 
     class App extends React.Component { 
     constructor(props) { super(props) } 

     render <div></div> 
     } 
     element.replace(App); 

    } 
    } 
}); 

그래서 당신이 얻을 얼마나 각도에 반작용을 위해. Redux는 기본적으로 동일합니다. 당신은 간단하게 redux의 connect 기능을 사용하고 당신은 간다.