مسار React Native Metro Babel React Compiler Hermes: من JS إلى الـ runtime

عندما يبطئ التطبيق، يُلام Hermes أو Metro. في **إعداد Babel النموذجي**: **Metro → Babel → React Compiler → JS → Hermes**.

• **كود React Native**
• **Metro**
• **Babel**
• **React Compiler** (تحسينات تلقائية اختيارية)
• **Transformed JS**
• **Hermes**

مسارات أخرى موجودة. اعتبر هذه السلسلة النموذج الشائع لـ Babel—وليست الوحيدة.

Metro وBabel

Metro يملك الرسم البياني. Babel يستضيف JSX/TS وغالباً إضافة Compiler.

Compiler وHermes

**تحسينات تلقائية** وقت البناء. Hermes ينفّذ (غالباً bytecode في الإنتاج).

قائمة تحقق

• وثّق المسار (Babel أو مضيف آخر)
• تحقق من تفعيل Compiler
• افصل مقاييس CI وcold start وJS thread

الخلاصة

إعداد Babel نموذجي: سمِّ المرحلة قبل تغيير الأداة. تواصل معنا.