icon - ¿El uso de React Native requiere o importa?

react native elements form example

Question

¿El uso de React Native requiere o importa?

Todo lo que puedo encontrar es un viejo tutorial que usa require (), pero cuando ejecuto el init react-native, obtengo un proyecto que usa importación. ¿Esto se debe a cambios recientes en React Native?

¿Cuáles son las principales diferencias?

Answer 1

La principal diferencia es que esa import es la sintaxis de ECMAScript 6 y require ECMAScript 5. Ambas son intercambiables, pero la importación tiene una sintaxis agradable para cambiar el nombre: export { MY_CONST as THE_CONST, myFunc as theFunc }; .

Answer 2

React Native ahora usa Babel para la compilación de "módulos" ( doc ). Si el andamio de una aplicación con create-react-native-app , en la carpeta node_modules , está el plugin de Babel llamado

babel-plugin-transform-es2015-modules-commonjs

, que se hace referencia a través de la aplicación.

Como su nombre lo indica, este plugin simplemente transforma la sintaxis de los módulos ES2015 a CommonJS.

Para las principales diferencias, me gusta esta respuesta que aparece en otra publicación.

Answer 3

Sí, los últimos tutoriales y ejemplos de React Native usan la nueva sintaxis de import .

https://facebook.github.io/react-native/docs/tutorial.html

En términos de las diferencias entre los módulos CommonJS (requerir) y ES6 (importación), aquí hay algunas buenas respuestas:

Usar Node.js requiere vs. ES6 importar / exportar

Creo que la mayoría de la gente prefiere la nueva sintaxis de ES6. Sin embargo, actualmente ningún motor JS implementa módulos ES6, por lo que debe ser convertido por un transpondedor ES6 (por ejemplo, Babel) para require instrucciones. React Native está configurado para hacer esto de la caja, por lo que puede comenzar a usar la import y debería funcionar.