Guía de instalación de React Native

Clase 2 de 36 • Curso de React Native 2016

Clase anteriorSiguiente clase

Esta guía es una traducción de la guía oficial de Instalación de Facebook.

OS X - Esta guía asume que se está utilizando Mac OSX, el cual es necesario para desarrollar apps para iOS.

Si tienes Linux, revisa sigue los pasos que se encuentran en la Guía de Instalación de React Native para Linux.

Si tienes Windows: este artículo puede ayudarte a configurar tu entorno para trabajar en Windows desarrollando aplicaciones para Android con React Native.

Requerimientos

  1. Homebrew es la manera recomendada de instalar Watchman y Flow.
  2. Instala Node.js 4.0 o más reciente.
  • Instala nvm con sus instrucciones de instalación de aquí Luego ejecuta nvm install node && nvm alias default node, el cual instala la última versión de Node.js y configura tu terminal para que puedas ejecutarlo escribiendo node. Con nvm puedes instalar múltiples versiones de Node.js y muy fácilmente intercambiar entre ellas.
  • ¿Nuevo en npm?
  1. brew install watchman. Recomendamos instalar watchman , de lo contrario puede que t encuentres con algún bug.
  2. brew install flow, si quieres instalar flow

Recomendamos correr cada tanto tiempo brew update && brew upgrade para mantener tus programas actualizados.

Setup para iOS

Se necesita Xcode 7.0 o más alto. Puede ser instalado desde el App Store.

Setup para Android

Para escribir aplicaciones de React Native para Android, tendrás que instalar el SDK de Android (y un emulador de Android si quieres trabajar en tu aplicación sin tener que usar un dispositivo físico para testearla). Mira la Guía de instalación para desarrollar para Android para configurar tu entorno de Android.

Inicio rápido

Instala las herramientas de línea de comando de React Native ejecutando en la terminal:

npm install -g react-native-cli

NOTA: Si ves el error EACCES: permission denied por favor ejecuta el comando anteponiendo sudo: sudo npm install -g react-native-cli.

Crea un proyecto de React Native:

$ react-native init AwesomeProject

Para correr la aplicación de iOS:

  1. Posiciónate en el directorio del proyecto: cd AwesomeProject
  2. Ejecuta el proyecto para que comience con el emulador: react-native run-ios

Para correr la aplicación de Android

  1. Posiciónate en el directorio del proyecto: cd AwesomeProject
  2. Ejecuta el proyecto para que comience con el emulador: react-native run-android
  3. Abre el archivo index.android.js en tu editor de texto favorito y edita algunas líneas. Presiona el botón de menú (F2 por defecto o ⌘-M en Genymotion) y selecciona Reload JS para ver tu cambio.

¡Felicitaciones! Has corrido y modificado yo primera aplicación en React Native.

Ahora sí, ¡a comenzar con el curso!