update browser

docs/react/06-hocs.md

@@ -2,4 +2,41 @@
 sidebar_position: 6
 ---
 
-# Что такое HOC
+# Что такое HOC
+
+Higher-Order Components (HOC) — это продвинутая техника в React для повторного использования логики компонентов. HOC — это функция, которая принимает компонент и возвращает новый компонент с дополнительными свойствами или поведением. Это похоже на паттерн декоратора в программировании.
+
+## Основные идеи HOC:
+1. **Принимает компонент и возвращает новый компонент:**
+   - HOC не изменяет оригинальный компонент, а создает новый, оборачивая его и добавляя новую функциональность.
+2. **Используется для повторного использования логики:**
+   - HOC позволяет вынести общую логику (например, загрузку данных, управление состоянием, логику авторизации) в отдельную функцию, которую можно применять к разным компонентам.
+3. **Не изменяет оригинальный компонент:**
+   - HOC создает новый компонент, оставляя оригинальный неизменным.
+
+## Преимущества HOC:
+1. Повторное использование кода:
+   - Логика загрузки данных, управление состоянием и другие общие задачи могут быть вынесены в HOC и использованы в разных компонентах.
+2. Разделение ответственности:
+   - Компоненты остаются простыми и сосредоточены только на отображении данных, а HOC отвечает за логику.
+3. Гибкость:
+   - HOC можно комбинировать, создавая сложные цепочки функциональности.
+
+## Недостатки HOC:
+1. Сложность отладки:
+   - HOC добавляют уровень вложенности в дерево компонентов, что может усложнить отладку.
+2. Проблемы с именованием пропсов:
+   - Если несколько HOC передают одинаковые пропсы, могут возникнуть конфликты.
+3. Усложнение кода:
+   - Чрезмерное использование HOC может сделать код менее читаемым и понятным.
+
+## Альтернативы HOC:
+
+С появлением хуков (например, `useState`, `useEffect`, `useContext`), многие задачи, которые раньше решались с помощью HOC, теперь можно реализовать с помощью пользовательских хуков. Это часто делает код более понятным и менее сложным.
+
+## Когда использовать HOC:
+- Если вам нужно добавить одну и ту же логику к нескольким компонентам.
+- Если вы работаете с классовыми компонентами (хуки доступны только в функциональных компонентах).
+- Если вы предпочитаете паттерн декоратора.
+
+В остальных случаях, особенно в новых проектах, рекомендуется использовать хуки, так как они проще и удобнее.