مقدمة في React

ما هي React؟

React مكتبة JavaScript طوّرتها شركة Meta (فيسبوك) لبناء واجهات المستخدم التفاعلية. هي اليوم الأكثر استخدامًا في العالم لبناء تطبيقات الويب.

⚠️ React ليست لغة جديدة — هي مكتبة مبنية على JavaScript. لذلك أتقن أساسيات جافاسكريبت أولًا.

لماذا React؟

• المكوّنات (Components): قسّم الواجهة إلى قطع صغيرة قابلة لإعادة الاستخدام.
• التحديث التلقائي: عند تغيّر البيانات، تُحدّث React الواجهة تلقائيًا.
• سوق عمل ضخم: من أكثر المهارات طلبًا للمطوّرين.

فكرة React الأساسية

في React نصف كيف يجب أن تبدو الواجهة بناءً على البيانات، وهي تتكفّل بالباقي:

function Welcome() {
  return <h1>أهلًا بك في React!</h1>;
}

هذا مكوّن (Component): دالة تُعيد واجهة بصيغة تُسمّى JSX.

كيف تبدأ مشروع React؟

أشهر طريقة اليوم هي عبر أداة Vite:

npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev

🎯 التالي: المكوّنات و JSX — حجر الأساس في React.