Reactify

Reactify is a simple AngularJS demo web app which uses ReactJS to improve the rendering speed of a long item list. Here is a blog post which explains the workflow of implementing ReactJS into your Angular app through ngReact directive.

Running JSX

To translate JSX into plain JS you'll need to install NodeJS and after that the JSX npm package using:

npm install -g react-tools

after you've successfully installed JSX on your machine, you can run the JSX watcher by running:

jsx --watch jsx --watch jsx/ scripts/

Any change you make to the "jsx/reactor.js" file will translate into "scripts/reactor.js" which is included in the app.

Additional reads

• "NgReact - React Components in Angular"
• "Faster AngularJS Rendering (AngularJS and ReactJS)"
• "AngularJS: My solution to the ng-repeat performance problem"

======================

Made at: Mono Software Ltd.