хуки лучше стандартной классовой модели тем, что с использованием хук-подхода сайд-эффекты становятся полноправными участниками data flow

Использование useEffect позволяет синхронизировать сущности, находящиеся за пределами дерева React, со свойствами и состоянием

реакт обычно отдает дерево которое может изменяться во времени. оно называется host-tree
это может быть дерево дом-нод а может быть дерево пдф-документов
как бы то ни было обычно мы хотим представить некий ui с помощью этого дерева

react helps you write a program that predictably manipulates a complex host tree in response to external events like interactions, network responses, timers, and so on

renderer учит реакт взаимодействовать с конкретной средой хоста и управлять его экземлярами (instances)

рендереры могут работать двумя методами: мутируемым (например дом) и клонируемым (например react fabric)
( This mode is for host environments that don’t provide methods like appendChild() but instead clone the parent tree and always replace the top-level child)

The host instances are completely mutable

элементы
A React element is a plain JavaScript object. It can describe a host instance
React elements are immutable