no-use-effect · factory-ai — скилл для Claude Code: запрет useEffect в React

Что делает no-use-effect

Скилл описывает правило: useEffect не вызывается напрямую. Вместо него — вычисление состояния по месту, библиотека для загрузки данных, обработчик события, useMountEffect или key на родителе. Пять правил разложены по таблице «вместо эффекта для… — используй…», к каждому идёт пример плохого и хорошего кода и «smell test» — примета, по которой видно, что вы опять скатываетесь к эффекту.

Активируется, когда агент пишет новый компонент, правит существующие вызовы useEffect, смотрит PR с эффектами или добавляет useEffect «на всякий случай». Отдельно оговорён выход из правила: useMountEffect — обёртка над useEffect с пустым массивом зависимостей, чтобы намерение читалось явно. Её советуют для синхронизации с внешней системой при монтировании: фокус, скролл, подписки на браузерные API, жизненный цикл сторонних виджетов.

После правок скилл предлагает прогнать проверку — npm run lint, npm run typecheck и npm run test с фильтром по пакету. Учтите: в проекте нужен настроенный линт-правило no-restricted-syntax, иначе запрет держится только на дисциплине агента. Если линтер не настроен, useEffect вернётся в код при первом же удобном случае.