docs: translate rules-of-hooks.md to Русский

Author: translate-react-bot[bot]

src/content/reference/rules/rules-of-hooks.md

@@ -1,9 +1,8 @@
 ---
 title: Правила хуков
 ---
-
 <Intro>
-Хуки определяются как функции JavaScript, но они представляют собой особый тип повторно используемой логики пользовательского интерфейса с ограничениями на то, где они могут быть вызваны.
+Хуки определяются с помощью функций JavaScript, но они представляют собой особый тип повторно используемой логики пользовательского интерфейса с ограничениями на то, где они могут быть вызваны.
 </Intro>
 
 <InlineToc />
@@ -14,14 +13,14 @@ title: Правила хуков
 
 Функции, имена которых начинаются с `use`, называются [*хуками*](/reference/react) в React.
 
-**Не вызывайте хуки внутри циклов, условий, вложенных функций или блоков `try`/`catch`/`finally`.** Вместо этого всегда используйте хуки на верхнем уровне вашей функции React, перед любыми ранними возвратами. Вы можете вызывать хуки только во время рендеринга React для функционального компонента:
+**Не вызывайте хуки внутри циклов, условий, вложенных функций или блоков `try`/`catch`/`finally`.** Вместо этого всегда используйте хуки на верхнем уровне вашей функции React, перед любыми досрочными возвратами. Вы можете вызывать хуки только во время рендеринга компонента функции React:
 
-* ✅ Вызывайте их на верхнем уровне в теле [функционального компонента](/learn/your-first-component).
+* ✅ Вызывайте их на верхнем уровне в теле [компонента функции](/learn/your-first-component).
 * ✅ Вызывайте их на верхнем уровне в теле [пользовательского хука](/learn/reusing-logic-with-custom-hooks).
 
 ```js{2-3,8-9}
 function Counter() {
-  // ✅ Хорошо: на верхнем уровне в функциональном компоненте
+  // ✅ Хорошо: на верхнем уровне в компоненте функции
   const [count, setCount] = useState(0);
   // ...
 }
@@ -89,7 +88,7 @@ function Bad() {
 
 class Bad extends React.Component {
   render() {
-    // 🔴 Плохо: внутри классового компонента (чтобы исправить, напишите функциональный компонент вместо класса!)
+    // 🔴 Плохо: внутри классового компонента (чтобы исправить, напишите компонент функции вместо класса!)
     useEffect(() => {})
     // ...
   }
@@ -109,17 +108,17 @@ function Bad() {
 
 <Note>
 
-[Пользовательские хуки](/learn/reusing-logic-with-custom-hooks) *могут* вызывать другие хуки (в этом и заключается их основная задача). Это работает, потому что пользовательские хуки также должны вызываться только во время рендеринга функционального компонента.
+[Пользовательские хуки](/learn/reusing-logic-with-custom-hooks) *могут* вызывать другие хуки (в этом их основное назначение). Это работает, потому что пользовательские хуки также должны вызываться только во время рендеринга компонента функции.
 
 </Note>
 
 ---
 
-## Только вызывайте хуки из функций React {/*only-call-hooks-from-react-functions*/}
+## Вызывайте хуки только из функций React {/*only-call-hooks-from-react-functions*/}
 
 Не вызывайте хуки из обычных функций JavaScript. Вместо этого вы можете:
 
-✅ Вызывать хуки из функциональных компонентов React.
+✅ Вызывать хуки из компонентов функций React.
 ✅ Вызывать хуки из [пользовательских хуков](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component).
 
 Следуя этому правилу, вы гарантируете, что вся логика состояния в компоненте будет четко видна из его исходного кода.