Hacker News new | ask | show | jobs
by littleiffel 4438 days ago
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.

1 comments

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

I did try your example, and yes track by $index helps but only on updating the DOm not initial rendering. Post got updated
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.