أسئلة مقابلات React Native Architecture & Bridge / New Architecture في React Native
10 سؤال عن React Native Architecture & Bridge / New Architecture من مسار React Native. اقرأ الإجابة المختصرة لكل سؤال هنا، وافتح السؤال للشرح الكامل والأمثلة والأخطاء الشائعة والمصادر.
- متوسط
ما هي معمارية React Native التقليدية (The Bridge) وما هي الاختناقات الأدائية المرتبطة بها؟
هذه هي المعمارية القديمة (Legacy)؛ فمنذ React Native 0.76 أصبحت New Architecture هي الافتراضية، وتتجه الإصدارات الأحدث إلى إزالة القديمة نهائيًا. كانت تعتمد على جسر (Bridge) يتبادل رسائل JSON غير متزامنة ومجمعة بين خيط JavaScript وخيط Native، مما يسبب اختناقًا عند تمرير بيانات مكثفة.
اقرأ الشرح الكامل - متقدم
ما هي الـ New Architecture في React Native وما هو دور الـ JSI (JavaScript Interface)؟
الـ JSI هي طبقة برمجية وسيطة مكتوبة بـ C++ تسمح لخيط JavaScript بالاحتفاظ بمراجع مباشرة لكائنات C++/Native واستدعاء دوالها بشكل متزامن دون أي تسلسل JSON أو وسطاء.
اقرأ الشرح الكامل - متقدم
ما هو نظام Fabric وما الفرق بينه وبين نظام التصيير القديم في React Native؟
نظام Fabric هو محرك التصيير الجديد (Renderer) المعتمد على C++، حيث يدمج مباشرة مع شجرة React 18 Concurrency ويوفر رسم متزامن لعناصر الواجهة وتكامل فوري مع Yoga.
اقرأ الشرح الكامل - متقدم
ما هي الـ TurboModules وكيف تحسن من سرعة إقلاع التطبيق (Startup Time)؟
هي نظام الوحدات الأصلية الجديد الذي يقوم بتحميل الوحدات بطريقة كسولة (Lazy Loading) عند أول استدعاء فقط بدلاً من تهيئتها دفعة واحدة عند إقلاع التطبيق كما كان يحدث سابقاً.
اقرأ الشرح الكامل - متوسط
ما هو دور محرك Hermes ولماذا أصبح المحرك الافتراضي في React Native؟
هو محرك JavaScript مفتوح المصدر تم تحسينه خصيصاً لتطبيقات الهواتف، حيث يقوم بالترجمة المسبقة للكود إلى Bytecode أثناء الـ Build Time، مما يقلص زمن الإقلاع وحجم الحزمة واستهلاك الذاكرة.
اقرأ الشرح الكامل - متوسط
ما هي خيوط المعالجة الرئيسية (Threads) في تطبيق React Native وكيف يتم التوزيع بينها؟
هذا وصف المعمارية القديمة (Legacy) التي حلت محلها New Architecture الافتراضية منذ 0.76. يتكون التطبيق من ثلاثة خيوط أساسية: Main/UI Thread (لرسم الشاشة واللمس)، و JS Thread (لتشغيل كود المنطق وريأكت)، و Shadow Thread (لحساب أبعاد ومواقع العناصر بمحرك Yoga).
اقرأ الشرح الكامل - متقدم
ما هي أداة Codegen في معمارية React Native الجديدة ولماذا تعد إلزامية؟
هي أداة تقوم بقراءة ملفات الـ TypeScript/Flow Types وإنشاء كود C++ و Java و Swift/Obj-C المطابق تلقائياً لضمان توافق الأنواع الكامل ومنع أخطاء النوع بين JS والـ Native.
اقرأ الشرح الكامل - مبتدئ
ما الفرق بين React Native CLI الخالص (Bare Workflow) و Expo Managed Workflow؟
المسار الخالص (Bare) يتيح وصولاً كاملاً وتعديلاً مباشراً لمجلدي android و ios وكود Native، بينما Expo Managed يخفي المجلدات الأصلية ويدير البناء والتحديثات سحابياً عبر Prebuild و Config Plugins.
اقرأ الشرح الكامل - متوسط
كيف يتم الربط بين مكتبة Yoga Layout ونظام التصيير في React Native؟
مكتبة Yoga هي محرك تخطيط مفتوح المصدر مكتوب بـ C++، يقوم بترجمة خصائص الـ Flexbox إلى إحداثيات بكسل دقيقة (x, y, width, height) يفهمها نظاما iOS و Android.
اقرأ الشرح الكامل - متوسط
كيف تتعامل مع معضلة الـ App State (Active, Background, Inactive) وحفظ الطاقة؟
باستخدام وحدة AppState للاستماع إلى تحولات حالة التطبيق بين العمل في الواجهة (active) أو الانتقال للخلفية (background) لإيقاف المؤقتات والتتبع المكلف للحفاظ على بطارية الهاتف.
اقرأ الشرح الكامل