react-useeffect — скилл для Claude Code: когда Effect не нужен

Что делает react-useeffect

Скилл включается, когда вы пишете или проверяете код с useEffect и useState: вывод производных значений, загрузка данных, синхронизация состояния. Внутри — краткая таблица «ситуация → так не надо → так надо» и дерево решений. Например, значение, которое считается из пропсов, советует вычислять прямо при рендере, а не хранить в состоянии и обновлять через Effect.

Отдельный раздел перечисляет случаи, где Effect уместен: синхронизация с внешними системами, подписки, аналитика по факту показа компонента, загрузка данных с корректной очисткой. Для сброса состояния при смене пропса предлагается key, для дорогих вычислений — useMemo, для подписок на внешние хранилища — useSyncExternalStore. Рядом лежат два файла с разбором антипаттернов и альтернатив.

Скилл ничего не запускает и не меняет в проекте — это справочник, на который агент опирается при генерации и ревью. Полезен в проектах на React, где Effect уже успели навесить для вычислений и обработки событий.