React dentro de AngularJS

example.html

<react component="vtex.Hello" props=something.insideAngularScope"></react>

vtex-react-directive.coffee

angular.module('vtex.react', [])
.directive 'react', ($translate) ->
  restrict: 'E'
  scope: {
    component: '@',
    props: '=',
  },
  link: (scope, elem, attrs) ->
    componentPath = scope.component.split('.')
    component = componentPath.reduce(((component, path) -> component[path]), window)
    container = elem[0]

    ReactDOM.render(
      React.createElement(component, scope.props),
      container
    )

    elem.on '$destroy', () ->
      ReactDOM.unmountComponentAtNode(container)