В чем разница между streaming и hydrating при загрузке компонентов React на стороне сервера?

Разница между streaming и hydrating при загрузке компонентов React на стороне сервера заключается в процессе загрузки и взаимодействия компонентов. 14

Streaming позволяет разбивать HTML страницы на более мелкие части и постепенно отправлять их с сервера на клиент. 4 Это даёт возможность показывать части страницы раньше, не дожидаясь полной загрузки данных. 4 Streaming особенно полезен, когда нужно предотвратить блокировку рендеринга страницы из-за длительных запросов данных. 4

Hydration — это процесс подключения логики JavaScript к сгенерированному на сервере HTML, который делает сайт интерактивным. 2 Обычно этот процесс происходит после загрузки кода JavaScript для всех компонентов на клиенте. 1

В React 18 есть возможность сочетать streaming и новый подход к hydration — селективное hydration. 3 С его помощью можно начинать взаимодействие с приложением ещё до полной загрузки HTML и кода JavaScript. 1 При этом React определяет, какие компоненты сделать интерактивными в первую очередь, основываясь на взаимодействии пользователя. 4