Configurando mi entorno con React Native

En estos días he decidido desarrollar aplicaciones nativas para mejorar la experiencia del usuario utilizando toda la potencia de una aplicación nativa y sacando provecho de mis conocimientos de Javascript con React Native.
He configurado mi ordenador Mac para desarrollar con React Native para iOS y Android, primero le explico que instalaremos y luego al final esta un gist con todos los pasos.
La instalación de los paquetes se realizan mediante homebrew un gestor de paquetes para OSX, los paquetes son Nodejs, React-native-cli, Watchman, Flow.

Android

Para el soporte de plataforma de android necesitamos el jdk (Java Development Kit) lo descargamos de la pagina oficial:

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Con el JDK instalado podemos descargar el Android SDK e instalar los siguientes paquetes:

Android SDK Tools 24.4.1
Android SDK Platform-Tools 23.1
Android SDK Build Tools 23.0.2
Android SDK Build Tools 23.0.1
Android 6.0 API (full)
Extras / Android Support Repository
Extras / Android Support Library
En caso que de el siguiente error en la instalacion de watchman:

Error: You must `brew link pcre` before watchman can be installed

ejecutar el siguiente comando

sudo chown $(whoami) /usr/local/lib/

y luego ejecutar

 `brew link pcre`

IOS

Para poder correr compilar en IOS requerimos XCode ademas que nos facilita el emulador de IPhone, desde el AppStore instalaremos XCode.

Instalación IOS / Android
Abrimos la terminal y podemos ir ejecutando paso a paso

brew install node
npm install -g react-native-cli
brew install watchman
brew install flow
brew install android-sdk
nano ~/.bash_profile 
export ANDROID_HOME=/usr/local/opt/android-sdk
adb reverse tcp:8081 tcp:8081 
//crear el proyecto.
react-native init techdencias

Ya solo tenemos que entrar a nuestra app de ejemplo y para visualizarlo en android ejecutamos:
react-native run-android

react

Para IOS:
Recordar antes de iniciar en ios, abrir xcode para aceptar los terms of use.

react-native run-ios

react_ios

Happy React!.

3 comentarios

  1. Andrea Martínez

    marzo 13, 2017 a las 8:17 pm

    Si no me ejecuta y me aparece este mensaje que puedo hacer?

    command ‘run-android’ unrecognized. make sure that you have run ‘npm install’ and that you are a react-native project

    • dany

      marzo 16, 2017 a las 8:32 pm

      Hola Andrea,

      asegurate de estar en el directorio de la aplicacion y antes de ejecutar run android haber escrito “react-native init” or “react-native android”.

  2. Andrea Martínez

    marzo 17, 2017 a las 1:55 pm

    Igual me sigue presentando error…
    y no entiendo el porque si tengo todo instalado y estoy haciendo todos los pasos

Deja un comentario

Tu dirección de correo electrónico no será publicada.

*

© 2017 Danywalls

Tema por Anders NorénSubir ↑