Какие примеры кастомных хуков ты реализовывал?

Question

Кастомные хуки используют для выноса повторяющейся логики из компонентов. Они упрощают код и повышают переиспользуемость. Часто это работа с API, событиями, состоянием или браузерными API. Кастомные хуки не рендерят UI, а управляют логикой. Это основной способ композиции в React.

YeaHub · Accepted Answer

Кастомные хуки позволяют абстрагировать логику без использования HOC или render props.Зачем нужны кастомные хукиОни решают несколько задач:уменьшают дублирование кодаделают компоненты чищеупрощают тестирование логикиТиповые примеры кастомных хуковНа практике часто встречаются следующие варианты.Работа с даннымизагрузка данныхобработка состояний loading / errorfunction useFetch(url) {
  // загрузка данных, обработка состояний
}
Работа с браузерными APIlocalStoragewindow.resizeIntersectionObserverUI-логикауправление модалкамипереключателиdebounce / throttleСостояние и эффектытаймерыподпискиpollingПравила хорошего кастомного хукане зависит от UIимеет понятный APIрешает одну задачулегко тестируетсяВыводКастомные хуки — основной инструмент повторного использования логики в React. Они делают код более модульным и поддерживаемым.