Давайте сначала кратко коснемся общих черт. И React, и jQuery - это библиотеки javascript, которые обрабатывают изменения интерфейса. То, как они это делают, в корне отличается.
Обработчики событий jQuery и соответствующие изменения пользовательского интерфейса производятся путем непосредственного управления существующим HTML-кодом, который уже был отображен в DOM.
Напротив, обработчики событий в React не влияют напрямую на существующий HTML. Вместо этого эти изменения записываются в объекте State, который управляет промежуточным слоем, обычно известным как «виртуальный» или «shadow» DOM. Затем HTML «теневой» модели DOM и фактической модели DOM сравниваются на предмет различий. Когда обнаруживается различие, фактическая модель DOM частично повторно визуализируется, чтобы отразить запрошенное обновление.
Частичный рендеринг здесь является ключевым, потому что он указывает на одно из основных преимуществ React в производительности. Поскольку React инструктирует страницу повторно отображать только HTML-код, в котором обнаружено изменение, он устраняет избыточность многократной загрузки неизмененного HTML-кода.
А для зрительно склонных:
