How use AngularJS directives in reactJS

Question

I have a working project on AngularJS and I have a problem rendering. I need to render many elements (1000+) in one page and very fast. To solve this problem, I decided to use ReactJS. But... I have these elements

<tr data-ng-repeat="user in users>
  <td><span data-my-directive="user.data"></span></td>
</tr>

How can I render this on ReactJS. How can I run my angular directive? I have many Angular directives, how can I make angular friends with ReactJS?

Thanks

fluoresce · Accepted Answer · 2014-11-23 01:36:36Z

1

Yes you can use Angular Directives from inside React.

You can call React.RenderComponent from within your angular directive. A detailed example is presented here.

However, the style of code in the example would quickly lead to a mess of a frankenstine application framework. If your angular application is mostly in Angular, I would suggest wrapping your react functionality inside it's own module and exposing the required features from services to keep things at least somewhat compartmentalised.

answered Nov 23, 2014 at 1:36

fluoresce

4522 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How use AngularJS directives in reactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related