2017-03-31 54 views
2

我正在使用angular和redux(ngRedux)構建應用程序。現在我想用反應而不是角度來改善性能。這是一個巨大的應用程序,因此無法從頭開始構建它。所以我想要使用angularJS(angular-ui-router)的路由,並且隨着任何「abc」狀態變爲活動狀態,則反應組件將變爲負載,並且這個反應組件應該對每一個事件都使用純粹的redux。如何合併AngularJS,React和Redux?

我該如何維護我的應用程序,因此單個模塊構建在react-redux中並僅通過路由狀態連接到角度。請記住,應用程序的其他模塊也不應受到干擾。

回答

0

那麼把React組件渲染成Angular是很容易的。但我只是假設你已經從角度使用directivecomponent

所以在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基本上是一樣的。你簡單的使用REDX的connect功能,然後離開你。

+0

是的很好,但es5和es6之間發生衝突。目前我的應用程序是使用es5構建的,但是如果react class是es6,那麼您提到的語法。這個衝突如何解決? –

+0

哦,你可以使用非es6語法形式反應... React.creatClass({}).... JSX的東西變得更加複雜。您將需要使用非JSX語法。 React.createElement – Daniel