React Native: create new project with expo-cli

Enviado por peter el Vie, 13/12/2019 - 11:37
Imagen
react-native expo-cli

 

Estoy empezando con react-native y una de las primeras cosas que hay que saber es crear el proyecto inicial.

En este caso estoy usando expo-cli que un framework para aplicaciones React. Es un conjunto de herramientas y servicios creados en torno a React Native y plataformas nativas que te ayudan a desarrollar, construir, implementar e iterar rápidamente en IOS, Android y aplicaciones web desde el mismo código base JavaScript/ TypeScript.

Para instalar expo es recomendable hacerlo globalmente con el siguiente comando:

npm install -g expo-cli 

O mediante yarn:

yarn global add expo-cli 

Para crear un nuevo proyecto de react-native con expo-cli , se utiliza el siguiente comando:

npx expo-cli init nombre-del-proyecto 

El comando anterior nos muestra una serie de opciones:
opciones expo-cli

Yo elijo un proyecto en blanco (blank template). Das click y a continuación es necesario especificar el nombre de la aplicación; en mi caso cameraBasics.

templates expo-cli

Y como tengo yarn instalado, elijo yarn para instalar las dependencias.

install yarn dependencias

Una vez terminado para iniciar la aplicación tecleamos:

cd camera-basics
 yarn start 

Una vez hecho esto en el navegador se abre una ventana parecida a esta:

metro bundler expo

Por último si quieres correr tu aplicación en un dispositivo físico, entonces escanea el código QR, si deseas hacerlo en un emulador entonces da click en el enlace: 'Run on Android device/emulator' para android y para IOS en el enlace 'Run on IOS device/emulator'.

 

Añadir nuevo comentario

Filtered HTML

  • Falta el filtro. Se eliminará todo el texto
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd><php>
  • Saltos automáticos de líneas y de párrafos.