مقدمة في React Native — أساسيات React Native

مقدمة في React Native

ما هو React Native؟

React Native هو إطار عمل مفتوح المصدر من فيسبوك لبناء تطبيقات الهواتف الذكية باستخدام JavaScript و React.

مميزات React Native:

1. كود واحد - منصتين: اكتب كودك مرة واحدة وشغله على iOS و Android

2. أداء أصلي: التطبيقات تعمل بشكل أصلي وليست WebView

3. Hot Reloading: شاهد التغييرات فوراً بدون إعادة بناء التطبيق

4. مجتمع كبير: ملايين المطورين ومكتبات ضخمة

5. مدعوم من شركات كبرى: فيسبوك، إنستغرام، أوبر، وغيرها

كيف يعمل React Native؟

JavaScript Code
     ↓
Bridge (الجسر)
     ↓
Native Components (مكونات أصلية)

React Native يستخدم "الجسر" للتواصل بين JavaScript والمكونات الأصلية.

الفرق بين React و React Native:

| React | React Native |

|-------|--------------|

| للويب | للموبايل |

| يستخدم HTML | يستخدم مكونات أصلية |

| div, span | View, Text |

| CSS مباشر | StyleSheet |

أول تطبيق:

import React from 'react';
import { View, Text } from 'react-native';

export default function App() {
  return (
    <View>
      <Text>مرحباً بالعالم!</Text>
    </View>
  );
}

ملاحظات مهمة:

- لا يمكن استخدام HTML في React Native

- كل النصوص يجب أن تكون داخل <Text>

- الـ View هو بديل الـ div