⚡ یک اشتباه Performance که در اکثر پروژه‌های React دیده می‌شود

فرض کنید:

const sortedUsers = users.sort(
  (a, b) => a.score - b.score
);

مشکل چیست؟

متد ()sort

آرایه اصلی را تغییر می‌دهد.

یعنی State شما ممکن است ناخواسته تغییر کند.

راه حرفه‌ای:

const sortedUsers = [...users]
  .sort(
    (a, b) => a.score - b.score
  );

یا: ------------
const sortedUsers = useMemo(
  () => [...users].sort(
    (a, b) => a.score - b.score
  ),
  [users]
);

🎯 توسعه Frontend فقط طراحی UI نیست.

درک رفتار حافظه و Renderها بخش مهمی از مهندسی نرم‌افزار است.

💡 بسیاری از باگ‌های عجیب React از Mutation ناخواسته داده‌ها شروع می‌شوند.

#JavaScript #ReactJS #Performance #Frontend

@CodeVerse_dev