react-hook

| Must start with use | React's hook detection | | One hook per file | Maintainability | | Never call conditionally | Breaks hook order | | Never return side effects | Unpredictable behavior | | Type inputs and outputs | Clarity and safety | | Test in isolation | Reliability |

On memoization: Only use useMemo/useCallback when logic is computationally heavy. Otherwise they degrade readability without meaningful benefit. Exception: callbacks passed TO hooks (see stability section below).

When you fix an ESLint exhaustive-deps warning by adding a dependency, check if that dependency is STABLE. If not, you've created a re-render loop.

يُستخدم عند تمرير ردود الاتصال إلى خطافات مخصصة، أو إصلاح تحذيرات خطافات التفاعل/الحذف الشامل، أو تصحيح أخطاء عمليات إعادة العرض غير المتوقعة في مكونات React. المصدر: bumgeunsong/daily-writing-friends.