On average, React is the fastest at

On average, React is the fastest at rendering a list of 1000 items. It’s a surprising result, because I would have expected raw DOM manipulation to be the fastest, as there’s nothing too hook up and so on. There’s an interesting outlier in the Chrome test in that the second run of the React test takes a very long time to run: almost 600ms. It happens every time the second test is run in Chrome after a fresh reload and I’m not sure why. Raw DOM manipulation comes in second, which doesn’t surprise me, as it’s obviously much lighter than either Angular or Knockout, with nothing else to hook up or take care of behind the scenes. Angular comes in third, and Knockout comes in last. Knockout takes an especially long time in Firefox (~420ms). On a related note, Safari is the best browser across the board for all of the tested frameworks, but slowest for the raw test.

If performance is your primary motivation, React is a good choice for a framework, especially if you’re showing large amounts of data. I understand that this example is relatively contrived, as nobody in their right mind is going to be showing 1000 items all at once, but I feel it’s indicative as to which framework performs better as a whole.

Codementor Chris Harrington is a front end developer with seven years experience building performant web applications. He recently focused on React, AngularJS and Knockout JS. He is in the process of building Leaf, a performant application used as a tool to keep track of issues and tasks that need to be completed in a software development environment.

Результаты (русский) 2:

В среднем, это реагировать быстро на оказание список 1000 пунктов. Это удивительный результат, потому что я ожидал бы сырье ДОМ манипуляции быть быстрым, поскольку нет ничего слишком подключить и так далее. Там это интересно выброс в тесте Chrome, что второй цикл теста React занимает очень много времени для запуска: 600 мс почти. Это происходит каждый раз, второе испытание работать в Chrome после свежего перезагрузки, и я не уверен, почему. Сырье манипуляции DOM поставляется в секунду, что меня не удивляет, так как это, очевидно, гораздо легче, чем любой угловой или нокаут, ни с чем-либо еще, чтобы подключить или заботиться за кулисами. Угловой приходит в треть, а Нокаут приходит последним. Нокаут принимает особенно много времени в Firefox (~ 420ms). На соответствующую записку, Сафари лучший браузер повсеместно для всех тестируемых рамках, но медленный для испытания сырья. Если производительность является основным мотивом, Реагировать является хорошим выбором для основы, особенно если вы показываете большой объемов данных. Я понимаю, что этот пример является относительно надуманный, как никто в здравом уме будет показывать 1000 наименований сразу, но я чувствую, что это свидетельствует о том, какие рамки выполняет лучше в целом. Codementor Крис Харрингтон передний конец разработчик с семь лет опыт строительства производительной веб-приложений. Недавно он сосредоточился на Реагировать, AngularJS и нокаут JS. Он находится в процессе строительства Leaf, производительную приложение, используемое в качестве инструмента для отслеживания проблем и задач, которые должны быть завершены в среде разработки программного обеспечения.

Результаты (русский) 3:

в среднем, реакция наиболее быстро передавать 1000 пункт списка.Это удивительный результат, потому что я ожидал первоначального DOM операции является наиболее быстро, потому что ничего не слишком крюк и т.д.реакция в Chrome испытания, испытания потребуется много времени, чтобы запустить второй операции есть интересная исключение: почти 600ms.это происходит в каждый раз, второй тест - это новый загрузки после запуска в Chrome и я не знаю, почему.первоначально DOM операции, второй в очереди, это меня не удивляет, потому что это лучше, чем угол или нокаут значительно легче, ничего не крюк или ухода за кулисами.угол третьей и ликвидации является последним.Нокаут гена является Firefox особенно долго (~ 420ms).в соответствующие инструкции, это лучший браузер Safari на всех фронтах, все испытания рамок, но медленно первоначального испытания.

если свойства - это ваш основной мотив, реакция - это рамки, хороший выбор, особенно если вы показали большое количество данных.Я знаю, что этот пример сравнения надуманным,как нормальный человек может показать 1000 проектов все один раз, но я думаю, что это указание, осуществления рамок в целом лучше.

codementor 克里斯哈林顿 является Отдел разработки семь лет опыта работы, строительство высокопроизводительных веб - приложений.Он недавно сосредоточиться на реакции, AngularJS и нокаут JS.Он является процесс создания в листья,высокая производительность приложений в качестве инструмента для отслеживания проблемы и задачи в среде разработки программного обеспечения, нужно закончить.