react-useeffect

Что делает навык

Навык описывает лучшие практики использования хука useEffect в React, основанные на официальной документации. Он помогает правильно писать или ревьюить код, избегая лишних эффектов и выбирая альтернативы для синхронизации состояния.

Когда применять

• Расчет производных значений из props или state вместо использования useState и useEffect.
• Кэширование результатов дорогостоящих вычислений с использованием useMemo.
• Сброс состояния при изменении пропсов с помощью атрибута key.
• Выполнение действий при событиях пользователя напрямую в обработчиках событий.
• Загрузка данных с обязательной очисткой (cleanup) или использование возможностей фреймворка.

Как работает

1. Определить, требуется ли синхронизация с внешней системой; если нет, избегать использования Effects.
2. Для производных значений рассчитывать их во время рендера, а не использовать useState с useEffect.
3. Для дорогостоящих вычислений применять useMemo вместо кэширования в useEffect.
4. Для сброса состояния при изменении пропсов использовать атрибут key.
5. Для реакций на события пользователя вызывать логику напрямую в обработчиках, а не через useEffect.
6. Для уведомлений родителя вызывать onChange в обработчиках событий, а не в useEffect.

Примеры запросов агенту

Описание составлено по SKILL.md навыка, сверено 07.10.2026.

Как подключить

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.