О какой скорости идёт речь, если react этот тот же самый js?

Question

[Ingernirated]

Смотрел видео и во всех сравнивают почему-то скорость реакта, ангуляра и прочих аналогов, это же javascript, какая скорость?
Может я чего не понимаю, подскажите пожалуйста.

Comments

[Сергей delphinpro]

сравнивается скорость обновления DOM. В разных фреймворках - разный подход.

[Ingernirated]

Сергей: где можно пример сравнения увидеть двух кодов решающих одну задачу, но с разным подходом?

[Сергей delphinpro]

Ingernirated: в исходном коде фреймворков

[lega]

Ingernirated: > пример сравнения увидеть двух кодов решающих одну задачу, но с разным подходом?

todomvc.com
mathieuancelin.github.io/js-repaint-perfs

Answer 1

[lega]

тот же самый js?

Феррари почему-то быстрее запорожца, хотя материал тот же самый - метал, резина, и т.п.

Если ближе к теме, конкретный фреймворк реализует некий алгоритм, который позволяет оптимизировать: время выполнения ключевого кода/количество кода/сложность и т.п., предоставляя приемлемый результат.

Так же каждый фреймворк имеет свои болевые точки, например при определенном использовании, алгоритмы фреймворка могут быть сильно накладны и дают негативный эффект.

Comments

[Ingernirated]

и всё же это чистый js без добавления чего-то из C?

[lega]

да, хотя есть не популярные asm.js и webassembly

если сравнивать скорость выполнения, то максимально оптимизированный вариант на js будет самым быстрым, но не многие смогут такой вариант написать, средний же разработчик на JS сделает результат хуже и медленнее чем средний на нормальном фреймворке, отсюда и профит.

[Ingernirated]

lega: может я ещё чего не знаю, но тот же xmlhttprequest, работа с dom элементами, fetch в конце концов, что там можно ускорить, он ведь и так в рамках маленького стандарта по разнообразности написания?
или речь идёт о другом?

[Антон Кривохижин]

Ingernirated: посмотрите на алгоритм работы Virtual DOM в react, там Вы сможете найти ответ на свой вопрос.

[Ingernirated]

Антон Кривохижин: речь щас идёт об этом файле?
https://unpkg.com/react@15.5.4/dist/react.js

[Антон Кривохижин]

Ingernirated: я думаю, что Вы могли бы взглянуть на этот репозиторий https://github.com/Matt-Esch/virtual-dom

Answer 2

[Хазрат Гаджикеримов]

Люди ошибочно полагают, что JavaScript медленный, на самом деле JavaScript очень быстрый, медленным же является DOM, а именно внесение изменений в DOM. По этой причине так быстро стал популярен React, он предлагает виртуальный DOM, и вносит только необходимые изменения.

Comments

[Ingernirated]

т.е. я не смогу на нативном js сделать тоже самое, что сделано в реакте?

[Хазрат Гаджикеримов]

Можешь написать свой виртуальный дом, но зачем? пользуйтесь React или любим другим фреймворком

[Ingernirated]

hazratgs: подскажи пожалуйста, написать свой виртуальный дом, это как?
В смысле, на каком языке или как это делается?

[Хазрат Гаджикеримов]

естественно на JavaScript, вот пример

[Ingernirated]

hazratgs: hazratgs: т.е. виртуальный dom, это просто создание элементов через createElement?
т.е. всё это относиться исключительно к асинхронности, когда нам надо подгружать новые элементы?

Answer 3

[Islam Ibakaev]

реакт и другие решения - это слои абстракции поверх языка. это не одно и то же.

Comments

[Ingernirated]

в чём это выражается?
чем отличается нативный js от реакта?

[Islam Ibakaev]

Ingernirated: а чем отличается jquery от нативного js?

[Ingernirated]

Islam Ibakaev: api? тем, что там создали новые переменные, которые заменили кучу текста?

[Islam Ibakaev]

Ingernirated: попытайся написать приложение, которое ты пишешь на реакте, на ванильно джаваскрипте. не todo app, а что-нибудь посерьёзнее