no-use-effect

Guides React and React Native development toward components that replace direct useEffect calls with more appropriate state and lifecycle patterns.

When to use it

Apply when writing, editing, reviewing, debugging, or refactoring React components, and when discussing effects, fetching, state synchronization, or lifecycle.

It changes how the agent writes React components by prohibiting direct useEffect imports and calls while allowing encapsulated effects in reusable custom hooks.