Using the Stack Overflow Trends tool and some of our internal traffic data, we decided to take a look at some of the more prominent UI frameworks: Angular, React, Vue.js, Backbone, Knockout, and Ember.
Stack Overflow Trends lets us examine how each of these technologies has been asked about overtime. We can start by looking at some of the larger frameworks.
These larger frameworks show only part of the picture. There also were smaller frameworks vying for dominance. The picture here shows just how brutal the lifecycle can be.
React vs Knockout vs Angular Dom manipulation performance:
This is not a scientific test as to how well each framework performs. Basically, I have generated a list of 1000 items that get rendered into a
ul tag, and then measure how long it takes by measuring dates before and after a render. The user is able to select an item in the HTML list. It's not a perfect test, but it gets the point across.
Test it in Safari 7.
React is the fastest at rendering a list of 1000 items. Knockout is the worst. However in Magento Knockout also has a remote UI Components template that can slowdown knockout page rendering dramatically.
Even if ReactJS is not the fastest in real scenarios it is the nicest tool to work with nowadays ;)