Using React.js with AngularJS

Our complete application is being developed within AngularJS using ui-router. Parts that are being used often, can have a significant performance improvement when being implemented using React.js. The performance improvement is mainly because of the virtual dom React is using.

This directive renders the React.js template onto the Angular element.

This is the React.js template.

The walk function.

We are communicating the scope, state, location and attributes to React.js as properties.

The walk addon for React.js, walks through each node of the rendered element. The function given to walk will evaluate each node and bind specific Angular directives. That function will also bind to the React.js events.