Rocket Forge Studio logo
Rocket Forge Studio
استودیو وب و محصول

کسب‌وکار و رشد

پایپ‌لاین React Native Metro Babel React Compiler Hermes: از JS تا runtime

Amir Behrouzi۸ دقیقه مطالعه
  • React Native
  • Metro
  • React Compiler
  • Hermes
  • Build tools
نمودار عمودی React Native Code → Metro → Babel → React Compiler → Transformed JS → Hermes

وقتی اپ کند است، اغلب Hermes یا Metro مقصر می‌شوند. در یک **setup معمول مبتنی بر 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

**بهینه‌سازی‌های خودکار** در build time. Hermes اجرا می‌کند (اغلب bytecode در production).

چک‌لیست

  • پایپ‌لاین نسخهٔ خود را مستند کنید (Babel یا host دیگر)
  • وضعیت Compiler را چک کنید
  • متریک CI و cold start و JS thread را جدا کنید

جمع‌بندی

Setup معمول Babel: قبل از عوض کردن ابزار، مرحله را نام ببرید. تماس بگیرید.

← All articles