Extracting Effects into custom Hooks

React automatically caches all fetch responses inside custom Hooks

It makes data flow and reactive dependencies more explicit and reusable

Custom Hooks prevent all unnecessary re-renders automatically

React executes custom Hooks outside the normal render cycle