React Native Metro Babel React Compiler Hermes Pipeline: vom JS zum Runtime

Wenn etwas langsam ist, wird oft Hermes oder Metro beschuldigt. In einem **typischen Babel-basierten Setup**: **Metro → Babel → React Compiler → JS → Hermes**.

• **React-Native-Code**
• **Metro**
• **Babel**
• **React Compiler** (automatische Optimierungen, optional)
• **Transformed JS**
• **Hermes**

Andere Pipelines existieren. Das ist das übliche Babel-Modell—nicht die einzige Verdrahtung.

Metro & Babel

Metro besitzt den Graphen. Babel hostet JSX/TS und meist das Compiler-Plugin.

Compiler & Hermes

**Automatische Optimierungen** zur Build-Zeit. Hermes führt aus (oft Bytecode in Prod).

Checkliste

• Pipeline dokumentieren (Babel oder anderer Host)
• Compiler on/off prüfen
• CI vs Cold Start vs JS-Thread trennen

Fazit

Typisches Babel-Setup: Stufe benennen, dann Tool wechseln. Melden Sie sich für eine zweite Meinung.