إعداد بيئة التطوير — أساسيات React Native

إعداد بيئة التطوير

الأدوات المطلوبة

1. Node.js

# تحقق من التثبيت
node --version
npm --version

2. Expo CLI (الطريقة السهلة)

npm install -g expo-cli

3. إنشاء مشروع جديد

npx create-expo-app MyApp
cd MyApp
npx expo start

طرق تشغيل التطبيق:

1. Expo Go (الأسهل)

- حمل تطبيق Expo Go على هاتفك

- امسح QR Code

- شاهد تطبيقك مباشرة!

2. محاكي Android

# تثبيت Android Studio
# إعداد AVD (Android Virtual Device)
npx expo start --android

3. محاكي iOS (Mac فقط)

npx expo start --ios

هيكل المشروع:

MyApp/
├── App.js           # نقطة البداية
├── package.json     # الحزم
├── app.json         # إعدادات Expo
├── assets/          # الصور والأيقونات
└── node_modules/    # المكتبات

أوامر مهمة:

npx expo start        # تشغيل المشروع
npx expo start -c     # تشغيل مع مسح الكاش
npm install [package] # تثبيت مكتبة

نصائح للمبتدئين:

1. ابدأ مع Expo - إنه أسهل بكثير

2. استخدم هاتفك الحقيقي للاختبار

3. فعّل Hot Reload للتطوير السريع