Virtual DOM vs Signals: React против Angular

0:00 [музыка]
0:03 Реакт и Ангулар кто же быстрее. Представим, что это города, а квартиры, дороги,
0:12 светофоры и даже целые кварталы — это компоненты. Вдруг в одном из кварталов ломается светофор.
0:21 Мэр города Реакт не знает, где именно сломался светофор, но он знает квартал, в котором это произошло.
0:29 Поэтому он берёт спутниковую карту квартала, делает новую спутниковую карту квартала и
0:35 сравнивает. Так, вот этот дом на месте, этот светофор на месте, эта дорога на месте. О,
0:40 вот этот светофор сломался. Собственно, так и работает Virtual DOM. Он строит виртуальное дерево
0:47 элементов и сравнивает его с предыдущим деревом элементов. Если какой-то компонент изменился,
0:55 то он перестраивает этот компонент и все дочерние компоненты этого компонента.
0:01 А теперь вернёмся к мэру города Ангулар. Когда сломался светофор, светофор подаёт сигнал о том,
0:08 что я сломался, и автоматически приезжает служба починки. То есть мэр города Энгулар знает,
0:15 где именно сломался светофор и какой. Именно так и работают сигналы в Angular, что и называется
0:20 Push-based reactivity, то есть обновляется именно та часть шаблона, в которой изменились данные.



#angular #frontend #javascript #signals #reactjs #virtualdom