"react Native" ليس تطبيقًا أصليًا. البرنامج المكتوب بواسطة "react Native" تم تجميعه بواسطة Android Studio قبل أن يصبح تطبيقًا أصليًا؛ تتم كتابة نموذج تطوير التطبيق الأصلي باستخدام صيغة jsx الخاصة بـ React، و"react Native" هو يعد إطار عمل تطوير التطبيقات مشتقًا من إطار عمل JS مفتوح المصدر السابق لـ Facebook على النظام الأساسي لتطبيقات الهاتف المحمول الأصلي، وهو يدعم المنصتين الرئيسيتين iOS وAndroid.
بيئة تشغيل هذا البرنامج التعليمي: نظام Windows 10، إصدار التفاعل 17.0.1، كمبيوتر Dell G3.
يصبح البرنامج المكتوب بواسطة React Native تطبيقًا أصليًا بعد أن يتم تجميعه بواسطة Android Studio. تتم كتابة وضع التطوير الخاص به باستخدام بناء جملة رد الفعل jsx، خاصة مثل كتابة الواجهة الأمامية، وكتابة بنية الصفحة/كتابة js/كتابة بناء جملة مشابه لـ css ولكن ليس css. ، ويمكن تحويلها إلى مكونات صفحة مكتوبة.
React Native (اختصار RN) هو إطار عمل لتطوير تطبيقات الهاتف المحمول عبر الأنظمة الأساسية مفتوح المصدر بواسطة Facebook في أبريل 2015. وهو مشتق من إطار عمل JS مفتوح المصدر السابق لـ Facebook React على النظام الأساسي لتطبيقات الهاتف المحمول الأصلي iOS وأندرويد. تستخدم RN لغة Javascript، وJSX المشابهة لـ HTML، وCSS لتطوير تطبيقات الهاتف المحمول، لذلك يمكن للفنيين الذين هم على دراية بتطوير الواجهة الأمامية للويب دخول مجال تطوير تطبيقات الهاتف المحمول مع القليل من التعلم.
قم بتوسيع معرفتك:
JSX هو تنسيق يجمع بين Javascript وXML. ابتكرت React JSX، باستخدام بناء جملة HTML لإنشاء DOM افتراضي. عند مواجهة <، يتم تحليل JSX كـ HTML، وعندما تتم مواجهة {، يتم تحليله كجافا سكريبت.
يصبح البرنامج المكتوب بواسطة React Native تطبيقًا أصليًا بعد أن يتم تجميعه بواسطة Android Studio. تتم كتابة وضع التطوير الخاص به باستخدام بناء جملة رد الفعل jsx، خاصة مثل كتابة الواجهة الأمامية، وكتابة بنية الصفحة/كتابة js/كتابة بناء جملة مشابه لـ css ولكن ليس css. ، ويمكن تحويلها إلى مكونات صفحة مكتوبة.
تعمل React Native أيضًا مع المكونات في بيئة العقدة وnpm، ويمكنك إنشاء مشروع React الأصلي أيضًا من خلالNode_modules، وهي أيضًا قائمة بتثبيتات المكونات الإضافية. يعتبر برنامج React Native برنامجًا أصليًا ولا يتطلب استخدام حزمة الويب. لكن تكوين بيئات jdk وandoird وتنزيل الموارد ذات الصلة/استخدام أدوات التكامل ذات الصلة أمر لا غنى عنه.
البنية الأساسية وصياغة رد الفعل الأصلي
Index.js
app.js
// بشكل عام، ما هو مكتوب في app.js هو مسارات عالية المستوى. هنا يمكنك إنشاء تصميم توجيه عالي المستوى. تم تعيين هذا app.js في ملف Index.html. لذلك سيتم عرض هذا المكون في البداية، متبوعًا بإدخال واستخدام كل مكون فرعي. يقدم كل مكون أولاً موارد التفاعل، أو يتم تحميل كل مكون من خلال صفحة تصدير افتراضية المنشئون، ووظائف الأعضاء، ووظائف العرض. يوجد أيضًا كائن StyleSheet في المورد الأصلي للتفاعل، ويتم استخدام هذا الكائن خصيصًا لكتابة أنماط المكونات.
توجد حالة في المنشئ. تسمى هذه الحالة بالحالة وتستخدم لمعالجة حالة المكون. هنا يتم تعيين سمات الحالة في الحالة، ويمكن تنفيذ العديد من العمليات المرنة من خلال سمات الحالة. يمكن أن تعمل وظائف الأعضاء على خصائص الحالة المحددة في المُنشئ. وظيفة العرض هي العرض. في هذه الوظيفة، يمكنك الرجوع إلى مكون المورد المستورد وكتابة مكون أكبر. هذه هي الطريقة التي يكمل بها المكون الأصلي ذو التفاعل التقريبي أعماله. يمكن كتابة التعليمات البرمجية وفقًا لاحتياجاتك الخاصة وبناء جملة المستندات الرسمية.