Further explanation about why side-effects should be limited to useEffect

There are multiple recommendations about when side-effects are okay and when they are not okay; it is difficult to memorize them all, so it would be helpful if some further explanation is added explaining exactly why useEffect should be exclusively used for side effects e.g.
https://github.com/reactjs/reactjs.org/blob/master/content/docs/hooks-effect.md#example-using-classes-example-using-classes

For traditional life-cycle hooks, the reasoning is that some of them might be called multiple times before the render is committed; is the same applicable to hooks?

Thanks!

p.s. This comment seems relevant:
https://github.com/reactjs/reactjs.org/issues/302#issuecomment-345445888

Start with the linked Hooks Effect documentation section and compare its discussion of class lifecycle methods with the current guidance on side effects and useEffect. Update the documentation with a clear explanation of why side effects belong in useEffect and address whether the same repeated-call concern applies to hooks; done means the recommendation is understandable without memorizing separate rules.