Пользовательские хуки (Hooks)
Часть курса React
Вы написали выдвижную панель, которая открывается и закрывается. Три строки с useState и обработчик, переключающий логическое значение. Потом то же самое для выпадающего списка, потом для модального окна, потом для ссылки «показать ещё». Теперь одни и те же шесть строк лежат в четырёх компонентах, и когда вы решите, что переключатель должен ещё и запоминать своё последнее состояние, править придётся все четыре, и...
Лечится это кастомным хуком, и он куда менее экзотичен, чем звучит. Это обычная функция JavaScript, имя которой начинается с use и внутри которой вызываются хуки самого React. Вот и всё определение. Никакого особого синтаксиса, никакой регистрации, ничего не нужно импортировать из React, чтобы такой хук объявить. ...
Хочешь изучать React Пользовательские хуки (Hooks) в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Пользовательские хуки (Hooks) на практике вместе с AI-наставником, который знает твой код.
Начать этот урокПользовательские хуки (Hooks)Чему вы научитесь
- Extracting stateful logic into a function
- Use prefix convention
- UseToggle example
- UseLocalStorage example
- Hooks rules
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
Посмотри другие курсы
