effector / effector/eslint-plugin

Rule: `no-effects-in-components`

Open
#130 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
94
Forks
18
PR merge metrics
No merged PRs in 30d

Description

Using effects in components typically leads to business logic leaks into view. A cleaner approach is to use events instead of effects.
I suggest to add corresponding rule to warn a user about it.

```ts
// Fail
function Component() {
useUnit(someFx)
useEvent(someFx)
useEffect(() => {
someFx()
() => someFx()
}, [])
const callback = () => {
someFx()
}
useCallback(() => {
someFx()
}, [])
}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.