Rocket Forge Studio logo
Rocket Forge Studio
Studio web & produit

Business et croissance

Pipeline React Native Metro Babel React Compiler Hermes : du JS au runtime natif

Amir Behrouzi8 min de lecture
  • React Native
  • Metro
  • React Compiler
  • Hermes
  • Build tools
Diagramme vertical React Native Code → Metro → Babel → React Compiler → Transformed JS → Hermes

Quand c'est lent, on blâme Hermes ou Metro. Dans un **setup Babel typique** : **Metro → Babel → React Compiler → JS → Hermes**.

  • **Code React Native**
  • **Metro**
  • **Babel**
  • **React Compiler** (optimisations automatiques, optionnel)
  • **JS transformé**
  • **Hermes**

D'autres pipelines existent. Traitez cette chaîne comme le modèle Babel courant—pas le seul câblage possible.

Metro & Babel

Metro possède le graphe. Babel héberge JSX/TS et souvent le plugin Compiler.

React Compiler & Hermes

**Optimisations automatiques** au build. Hermes exécute (souvent bytecode en prod).

Checklist

  • Documenter le pipeline (Babel ou autre host)
  • Vérifier Compiler on/off
  • Séparer métriques CI / cold start / JS thread

Conclusion

Setup Babel typique : nommez l'étape avant de changer l'outil. Contactez-nous.

← All articles