People often separate React component logic via a hook


People often separate React component logic via a hook. But one hook with all the component's logic isn't ideal.

So, avoid this:
Modal.tsx
useModal.ts

Prefer this:
Modal.tsx
useClickOutsideModal.ts
useEscapeKey.ts

Declare focused hooks that handle a specific concern.

View original on X