Finished translation of hydrate page

src/content/reference/react-dom/hydrate.md

@@ -12,7 +12,7 @@ title: hydrate
 
 <Intro>
 
-`hydrate` дозволяє відображати React компоненти всередині браузерного DOM вузла, HTML контент якого був попередньо згенерований використовуючи [`react-dom/server`](/reference/react-dom/server) у React 17 та раніших версіях.
+`hydrate` дозволяє відображати React-компоненти всередині браузерного DOM вузла, HTML контент якого був попередньо згенерований використовуючи [`react-dom/server`](/reference/react-dom/server) у React 17 та раніших версіях.
 
 ```js
 hydrate(reactNode, domNode, callback?)
@@ -62,7 +62,7 @@ React прикріпиться до HTML, що існує всередині `do
 
 ## Використання {/*usage*/}
 
-Викличте `hydrate`, щоб прикріпити <CodeStep step={1}>React компонент</CodeStep> до відрендереного сервером <CodeStep step={2}>браузерного DOM вузла</CodeStep>.
+Викличте `hydrate`, щоб прикріпити <CodeStep step={1}>React-компонент</CodeStep> до відрендереного сервером <CodeStep step={2}>браузерного DOM вузла</CodeStep>.
 
 ```js [[1, 3, "<App />"], [2, 3, "document.getElementById('root')"]]
 import { hydrate } from 'react-dom';
@@ -72,9 +72,9 @@ hydrate(<App />, document.getElementById('root'));
 
 Використання `hydrate()` для рендеру повністю клієнтського застосунку (застосунок без HTML, що рендериться сервером) не підтримується. Використовуйте [`render()`](/reference/react-dom/render) (для React 17 і раніших версій) або [`createRoot()`](/reference/react-dom/client/createRoot) (для React 18+) натомість.
 
-### Гідрація відрендереного севрером HTML {/*hydrating-server-rendered-html*/}
+### Гідрація відрендереного сервером HTML {/*hydrating-server-rendered-html*/}
 
-У React, "гідрація" це те як React "прикріплюється" до наявного HTML, попередньо відрендереного у серверному середовищі з використанням React. Під час гідрації, React спробує прикріпити слухачі подій до наявної розмітки та взяти на себе рендеринг застосунку на клієнті.
+У React, "гідрація" це те як React "прикріплюється" до наявного HTML, попередньо відрендереного у серверному оточенні з використанням React. Під час гідрації, React спробує прикріпити слухачі подій до наявної розмітки та взяти на себе рендеринг застосунку на клієнті.
 
 У застосунках, повністю створених з React, **ви зазвичай гідруватиме лише один "корінь", при запуску всього вашого застосунку**.
 
@@ -106,7 +106,7 @@ export default function App() {
 
 Зазвичай ви не повинні викликати `hydrate` знову або викликати його в інших місцях. З цього моменту, React буде керувати DOM вашого застосунку. Щоб оновлювати UI, ваші компоненти [використовуватимуть стан.](/reference/react/useState)
 
-Щоб отримати більше інформації про гідрацію, перегляньте дкументацію [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot)
+Щоб отримати більше інформації про гідрацію, перегляньте документацію [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot)
 
 ---