React Native: comandos básicos explicados con ejemplos

Aquí encontrará una lista de comandos básicos para comenzar a desarrollar aplicaciones de iOS y Android usando React Native. Si aún no lo tiene instalado, es muy recomendable que siga la guía oficial.

Comenzando un nuevo proyecto

Hay diferentes formas de iniciar una aplicación nativa de reacción. Puedes usar Expo o create-react-native-app(que a su vez usa Expo-Cli) para comenzar tu nuevo proyecto, pero con este método tienes más control de lo que sucedió en tu proyecto y puedes comunicarte, modificar y escribir tus propios módulos con bibliotecas nativas para iOS. y plataforma móvil Android.

react-native init [PROJECT-NAME] cd [PROJECT-NAME]

Ejecutar la aplicación en el emulador de Android

Este comando se explica por sí mismo y, como dice, iniciará el emulador de Android e instalará la aplicación que acaba de crear. Necesitas estar en la raíz del proyecto para ejecutar este comando.

react-native run-android

Ejecute la aplicación en el emulador de iOS

Este comando hace exactamente lo mismo que, react-native run-androidpero en lugar del emulador de Android, abre el simulador de iPhone.

react-native run-ios

Vincular dependencias a proyectos nativos

Algunas bibliotecas tienen dependencias que deben vincularse en el código nativo generado para React Native. Si algo no funciona después de instalar una nueva biblioteca, tal vez se deba a que omite este paso.

react-native link [LIBRARY-NAME]

Paquete claro

Si algo no se ejecuta como se esperaba, tal vez necesite borrar y crear un nuevo paquete con este comando.

watchman watch-del-all

Decoradores de apoyo

JSX no admite decoradores de forma predeterminada, por lo que debe instalar el complemento de Babel para que funcione.

npm install babel-plugin-transform-decorators-legacy --save npm install babel-plugin-transform-class-properties --save

Exportar APK para ejecutar en el dispositivo

Con los siguientes comandos tendrás un apk sin firmar para que puedas instalarlo y compartirlo con tus colegas con fines de prueba. Solo recuerde que este apk no está listo para cargarse en la App Store o en producción. Encontrarás tu nueva apk en android/app/build/outputs/apk/app-debug.apk.

1. Compilación de depuración de paquetes

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

2. Cree una compilación de depuración

cd android ./gradlew assembleDebug

Más recursos sobre React Native:

  • Cómo crear aplicaciones móviles con React Native
  • Componentes funcionales frente a componentes de clase en React Native
  • Cómo probar React Native Apps con Jest y Enzyme