مقدمة إلى React

React هي مكتبة JavaScript مفتوحة المصدر تم تطويرها بواسطة Meta (فيسبوك) لبناء واجهات مستخدم تفاعلية وديناميكية. تُستخدم على نطاق واسع في تطوير تطبيقات الصفحة الواحدة (SPA) وتطبيقات الويب المعقدة. تعتمد React على مفهوم المكونات (Components) واستخدام JSX لكتابة واجهات المستخدم بطريقة تشبه HTML. تتميز باستخدام Virtual DOM لتحديث الصفحة بكفاءة عند تغيير البيانات، مما يحسن الأداء. React مرنة وتدعم مكتبات وأدوات إضافية مثل Redux وReact Router، مما يجعلها خيارًا شائعًا للمطورين في بناء تطبيقات مثل فيسبوك وإنستغرام.

المميزات الرئيسية

واجهة مستخدم قائمة على المكونات: بناء واجهات معقدة من مكونات صغيرة ومعزولة.
Virtual DOM: تحديث فعال للواجهة لتحسين الأداء.
JSX: كتابة واجهات المستخدم بصيغة تشبه HTML داخل JavaScript.
نظام بيئي ضخم: دعم واسع من المجتمع ومكتبات إضافية.

التثبيت

💻 مثال لمكون بسيط

    
import { useState } from 'react';

function MyButton() {
const [count, setCount] = useState(0);

function handleClick() {
  setCount(count + 1);
}

return (
  <button onClick={handleClick}>
    Clicked {count} times
  </button>
);
}

المميزات الرئيسية

التثبيت

💻 مثال لمكون بسيط

🔗 روابط مفيدة