¿Qué sucede si cambio las extensiones de mis archivos en mi proyecto de Js a Jsx?. ¿Cuándo debería usar una extensión u otra?
Como pueden observar soy muy nuevo en React. :)
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidad¿Qué sucede si cambio las extensiones de mis archivos en mi proyecto de Js a Jsx?. ¿Cuándo debería usar una extensión u otra?
Como pueden observar soy muy nuevo en React. :)
No es necesario que los archivos tengan .jsx
como extensión. De hecho, el equipo de React decidió utilizar extensión de archivos .js
como predeterminada. Es por esto que cuando inicializamos un nuevo proyecto con create-react-app
las extensiones de archivo JavaScript terminan en .js
.
La realidad es que el module bundler (Webpack) transpila los archivos usando Babel y se encarga automáticamente de detectar qué archivos JavaScript tienen JSX.
TLDR: La convención general es usar .js
para proyectos que usan React, pero si usas .jsx
también va a funcionar.
React por defecto te va a compilar tanto los archivos js
como jsx
entre otros como:
js -> Archivos JavaScript
mjs -> Modulos EcmaScript
jsx -> Extensión de la sintaxis de JavaScript(nos permite mezclar JS y HTML y XML)
ts -> TypeScript
tsx -> Igual que jsx solo que es usado con TypeScript
Puedes ver más aquí
Como comento @BetaM, no debes usar la extensión js
cuando estas usando una sintaxis como JSX
aparte de que es mala practica, también te puede dar problemas en el futuro.
Básicamente usa js
solo cuando tengas código puro de JavaScript y jsx
cuando vayas a mezclar cosas como html, css o XML. Lo mismo pasa con otras extensiones