Какие знаешь паттерны переиспользования кода в React

В React есть несколько популярных паттернов для переиспользования кода: 1. **Компоненты высшего порядка (HOC)** Функция, принимающая компонент и возвращающая новый с дополнительной логикой. ```jsx const withLogger = (Component) => (props) => { console.log('Props:', props); return ; }; ``` 2. **Render Props** Компонент передаёт данные через проп `render` или `children` как функцию. ```jsx } /> ``` 3. **Кастомные хуки** Инкапсуляция логики в хуки для переиспользования между компонентами. ```jsx const useFetch = (url) => { const [data, setData] = useState(null); useEffect(() => { fetch(url).then(r => r.json()).then(setData); }, [url]); return data; }; ``` 4. **Композиция компонентов** Разделение UI на мелкие компоненты и их комбинирование через `children` или пропсы. 5. **Hooks + Context** Для глобального доступа к данным без пропс-дриллинга. Выбор зависит от задачи: хуки — для логики, HOC/Render Props — для поведения, композиция — для UI.