You Might Not Need an Effect Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect. Quick Reference | Situation | DON'T | DO | | ------------------------------ | ------------------------------ | ------------------------------------- | | Derived state from props/state | + | Calculate during render | | Expensive calculations | to cache | | | Reset state on prop change | with | prop | | User event responses | watching state | Event handler directly | | Notify parent of changes | calling | Call…