Rocket Forge Studio logo
Rocket Forge Studio
Веб- и продуктовая студия

Бизнес и рост

Pipeline React Native Metro Babel React Compiler Hermes: от JS к runtime

Amir Behrouzi8 мин чтения
  • React Native
  • Metro
  • React Compiler
  • Hermes
  • Build tools
Вертикальная схема React Native Code → Metro → Babel → React Compiler → Transformed JS → Hermes

Медленно? Часто винят Hermes или Metro. В **типичном Babel-based setup**: **Metro → Babel → React Compiler → JS → Hermes**.

  • **Код React Native**
  • **Metro**
  • **Babel**
  • **React Compiler** (автоматические оптимизации, опционально)
  • **Transformed JS**
  • **Hermes**

Другие pipeline существуют. Это распространённая Babel-модель—не единственная схема.

Metro и Babel

Metro — граф. Babel — JSX/TS и обычно плагин Compiler.

Compiler и Hermes

**Автоматические оптимизации** на build. Hermes исполняет (часто bytecode в prod).

Чеклист

  • Задокументировать pipeline (Babel или другой host)
  • Проверить Compiler
  • Разделить метрики CI / cold start / JS thread

Итог

Типичный Babel-based setup: назовите этап до смены инструмента. Напишите нам.

← All articles