How should useEffect and side effects be used in a production React application?

Use effects only when synchronizing with something external. Declare all reactive dependencies, return cleanup where necessary, and split unrelated effects into separate hooks.