Faster AngularJS Rendering with ReactJS

Re:Faster AngularJS Rendering with ReactJS by littleiffel on Monday April 21, 2014 @04:18AM (#7620255)

ReactJs especially helps if there are more items to display (long list, classic ng-repeat). But better rendering performance is not only on initial DOM rendering but on every update of the data. So this greatly improves usability for the user as the WebApp seems more reactive to input.

Mobile Webapps should provide feedback to the user as fast as possible on input. With long lists that has been quite problematic so far, and I have been looking for solutions to make the DOM update faster. ReactJs is a great help here.

btw, I am the author of this article.

[ Parent | on HN ]

Re:Faster AngularJS Rendering with ReactJS by GamblersFallacy on Monday April 21, 2014 @06:35AM (#7620508)

With your native angular plnkr example, change ng-repeat to:

    ng-repeat="line in data track by $index"

Now try timing again.

http://plnkr.co/edit/PHzYFa9N4RkxcDzZMcHk?p=preview

[ Parent | on HN ]

Re:Faster AngularJS Rendering with ReactJS by littleiffel on Monday April 21, 2014 @04:46PM (#7623696)

I did try your example, and yes track by $index helps but only on updating the DOm not initial rendering. Post got updated

[ Parent | on HN ]

Re:Faster AngularJS Rendering with ReactJS by GamblersFallacy on Tuesday April 22, 2014 @05:31AM (#7626616)

Interesting update. I never linked ng-repeat to the initial render lag with my app (one page, 1200 - 3000 bindings), otherwise the performance is great.

I've assumed it was a server side issue I could tune before pushing to production. Thanks, now I know where to look.

[ Parent | on HN ]