86 - Virtual DOM - React JS

 


- человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость. Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:   / itkamasutra   Помогайте друг другу вот здесь:
API:
VirtualDOM - то, благодаря чему ReactJS так взлетел. Он говорит: настоящий DOM - это дорого, это перерисовки, это ресурсы, дёрганья, и так далее... Давайте Я (REACT) брать брать JSX из компонент и на основе его формировать Virtual DOM - набор оъектов, из который потом буду превращать в настоящий DOM. Зачем этот промежуточный слой нужен? Для того, чтобы прежде чем идти на основе Virtual DOM строить настоящий DOM... Я смогу сравнить тот VirtualDOM, который у меня уже был, с тем, который я получил в текущей отрисовке из компонент, и... Сравнить их. И если изменения есть, я пойду и точечно эти изменения перерисую в настоящем DOM. Как результат - коллосальный прирост производительности по сравнению с тем, как с DOM работали раньше (шаблонизаторы, innerHTML и так далее)... Обязательно гуглим эту тему в официальной документации! Летим, самураи!!! Уроки по React JS:    • Курс "React JS - путь самурая 1.0", у...   Сайты:


Мы в соц. сетях: https://vk.com/itkamasutra
  / itkamasutra  
Мои личные VK и Insta: https://vk.com/d.kuzyuberdin
  / it.kamasutra.dimych   #VirtualDOM #reactJS