Comments 3
Когда на сайте что-то меняется, React не перестраивает всю страницу с нуля. Он точечно находит изменившийся элемент и обновляет только его. Это как заменить одну треснувшую плитку на кухне, а не сносить всю квартиру.
Когда что-то меняется, React не перестраивает всю страницу с нуля. Вместо этого он перестраивает всю схему с нуля, затем сравнивает всю новую схему с предыдущей схемой, находит различия и делает изменения на странице. Это как заказывать у проектировщиков план всей квартиры, чтобы заменить одну треснувшую плитку на кухне.
Вместо этого нормальные фреймворки связывают изменяемые места сайта с формулами их значений. Почти так же, как связываются формулами ячейки в Экселе. Когда изменится конкретная ячейка — фреймворк перерисует соответствующий элемент страницы. А ещё ячейки мемоизированы, и им не нужно всем пересчитываться заново при любом изменении входных данных. Вот это по-настоящему быстро.
Из большой тройки(реакт, ангуляр, вью) вроде бы никто не умеет из коробки перерисовывать именно элемент(ноду в браузере: span, div и т.д.), если конечно этот элемент сам по себе не выделен в отдельный компонент. А вот с обвесами может даже реакт, и что теперь? Реакт прекрасен?
Спасибо за комментарий, замечание действительно имеет место быть, но Вы описали гибридную модель рендеринга, по факту многие CSR ставят не задумываясь.
Книга «Изучаем React. 2-е издание» отзыв, или 10 главных заметок которые я вынес прочитав книгу