86 - Virtual DOM - React JS

Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
https://www.patreon.com/itkamasutra

Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/

VirtualDOM - то, благодаря чему ReactJS так взлетел. Он говорит: настоящий DOM - это дорого, это перерисовки, это ресурсы, дёрганья, и так далее... Давайте Я (REACT) брать брать JSX из компонент и на основе его формировать Virtual DOM - набор оъектов, из который потом буду превращать в настоящий DOM. Зачем этот промежуточный слой нужен?
Для того, чтобы прежде чем идти на основе Virtual DOM строить настоящий DOM... Я смогу сравнить тот VirtualDOM, который у меня уже был, с тем, который я получил в текущей отрисовке из компонент, и... Сравнить их. И если изменения есть, я пойду и точечно эти изменения перерисую в настоящем DOM.

Как результат - коллосальный прирост производительности по сравнению с тем, как с DOM работали раньше (шаблонизаторы, innerHTML и так далее)...

Обязательно гуглим эту тему в официальной документации!

Летим, самураи!!!

Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
https://samuraijs.com
* Мы в соц. сетях:
https://vk.com/itkamasutra
https://instagram.com/itkamasutra
https://telegram.me/itkamasutra

* Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
https://www.instagram.com/it.kamasutra.dimych/

#VirtualDOM #reactJS

Видео 86 - Virtual DOM - React JS канала IT-KAMASUTRA