React چیست؟

تعریف

React یک کتابخانه UI است (نه یک فریم‌ورک کامل) که رابط کاربری را از کامپوننت‌های مستقل و قابل‌استفاده مجدد می‌سازد و با یک Virtual DOM تغییرات را کارآمد به DOM واقعی اعمال می‌کند.

مثال یک کامپوننت

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(count + 1)}>
      کلیک: {count}
    </button>
  );
}

مفاهیم کلیدی

• JSX: نوشتن ساختار UI شبیه HTML داخل کد جاوااسکریپت.
• State و Props: State داده داخلی یک کامپوننت است؛ Props داده‌ای است که از کامپوننت والد به فرزند پاس داده می‌شود (جریان داده یک‌طرفه).
• Hooks (useState, useEffect, ...): افزودن State و رفتار به کامپوننت‌های تابعی.

اشتباه رایج

❌ تغییر مستقیم State (مثلاً state.push(item)) به‌جای استفاده از تابع Setter — React بدون یک مرجع جدید متوجه تغییر نمی‌شود و UI به‌روزرسانی نمی‌شود.

منبع و مطالعه بیشتر

• React Documentation — رسمی