React هي مكتبة جافاسكريبت قوية لبناء واجهات المستخدم التفاعلية. سيعلمك هذا الدليل كيفية إنشاء تطبيق ويب حديث من الصفر، بدءاً من تثبيت الأدوات الأساسية وحتى نشر تطبيقك على الإنترنت.
قم بزيارة موقع Node.js الرسمي وتحميل أحدث إصدار LTS. بعد التثبيت، افتح سطر الأوامر وتحقق من التثبيت بكتابة npm --version و node --version للتأكد من أن كلا البرنامجين مثبتان بشكل صحيح.
استخدم أداة Create React App بكتابة الأمر: npx create-react-app my-app في سطر الأوامر. اترك الأداة تكمل عملية التثبيت والإعداد التلقائي، والذي قد يستغرق عدة دقائق. بعد الانتهاء، انتقل إلى مجلد المشروع بكتابة cd my-app.
استكشف مجلدات المشروع: مجلد src يحتوي على كود React الرئيسي، مجلد public يحتوي على ملف index.html. افتح ملف App.js وهو يحتوي على المكون الرئيسي. لاحظ أن كل مكون هو دالة تعيد JSX (تمزيج HTML مع JavaScript).
اكتب الأمر npm start في سطر الأوامر من مجلد المشروع. سيفتح المتصفح تلقائياً على http://localhost:3000 ويعرض تطبيقك. أي تغيير تجريه على الملفات سيظهر فوراً في المتصفح بدون الحاجة لإعادة تشغيل اليدوي.