React.jsx vs React.js en tant que nom de fichier extension pour la création de composants

Question

Dans le cadre de mon développement de réaction, je suis tombé sur des composants qui fait partie de JSX. J'ai vu que certains fichiers de script ont été créés avec l'extension .jsx et le même concept de composants a été utilisé avec l'extension .js.

Pour le rendu des composants, reactDOM.render() est identique dans les deux cas.

Mais le type de script pour .jsx est <script src="text/jsx">

et .js est <script src="text/babel">

Comme JSX agit un sucre syntaxique pour la création d'éléments sous forme de composants. Et Babel est utilisé comme un transpiler pour transformer un composant en forme élémentaire.

Ma question est la suivante: avons-nous des critères pour utiliser l'un ou l'autre à un moment donné?

Answer 1

Dans mon cas, la règle du pouce est:

• index.js pour la logique js
• nameOfComponent.jsx pour fonction de rendre

Je l'ai expliqué en profondeur ici: https://hackernoon.com/building-modular-interfaces-a4e4076b4307

et voici plaque passe-partout, vous pouvez utiliser: https://github.com/metaphorical/quantum-blox