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

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

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

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

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