Pokemon App - Expo - React Native

Índice

1. Configuración de entornos de desarrollo para Android y iOS.

2. Correr el proyecto de manera local.

Instalación de dependencias:

• Node, Watchman y Yarn

~ brew install node

~ brew install watchman

~ brew install yarn

si ya tiene instalado Node en su sistema, asegúrese de que sea ≥ Node v10.

• Kit de desarrollo de Java (JDK)

~ brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

si ya tiene instalado JDK en su sistema, asegúrese de que sea ≥ JDK v8.

• CocoaPods (Manejador de dependencias para Swift y Objective-C)

~ sudo gem install cocoapods

Xcode:

• La manera más sencilla de instalar Xcode es a través de la Mac App Store. La instalación de Xcode también instalará el simulador de iOS y todas las herramientas necesarias para crear su aplicación iOS.

• Es necesario instalar las Command Line Tools de Xcode.

Para eso hay que ejecutar Xcode, y en el menu de navegacion superior ir a Xcode > Preferences > Locations luego instale las herramientas seleccionando la versión más reciente en el menú desplegable Command Line Tools.

• Por ultimo debemos instalar un simulador de iOS, para eso volvemos al menu superior de Xcode y nos dirigimos a Xcode > Preferences > Components y seleccionamos e instalamos el simulador con la versión correspondiente de iOS que deseamos utilizar.

si ya tiene instalado Xcode en su sistema, asegúrese de que sea ≥ Xcode v9.4.

Configurar AVD:

• En primer lugar debemos tener instalado Android Studio.

Una vez que tengamos abierto nuestro programa, nos vamos a la parte inferior derecha y selecionamos Configure > AVD Manager .

Nos abrirá la ventana donde se administran los dispositivos virtuales previamente instalados y le damos click a + Create Virtual Device,

esto nos abrirá la lista de emuladores disponibles para instalar, es importante seleccionar un dispositivo que tenga la resolución lo mas baja posible, ya que así el uso de memoria sera menor.

En la siguiente pantalla nos toca elegir el sistema a utilizar, se recomienda usar los mas recientes, luego en la ultima pantalla podemos asignar un nombre al virtual device que acabamos de crear y seleccionar la orientacion inicial de la pantalla, una vez terminado esto seleccionamos el boton Finish.

• Para inicializar el AVD ejecute Android Studio, en la parte inferior derecha le damos click a Configuracion > AVD Manager, selecionamos cualquiera de nuestros virtual devices anteriormente creados y le damos play.

Instalación SDK de Android:

1. Android Studio instala el último SDK de Android de forma predeterminada. Sin embargo, la creación de una aplicación React Native con código nativo requiere el SDK de Android 10 (Q) en particular. Se pueden instalar SDK de Android adicionales a través del SDK Manager en Android Studio.

Para hacerlo, abra Android Studio, en la parte inferior derecha haga click en el botón Configurar > SDK Manager.

2. Seleccione la pestaña Plataformas SDK y luego marque la casilla Mostrar detalles del paquete en la esquina inferior derecha. Busque y expanda la opcion Android 10 (Q), luego asegúrese de que los siguientes elementos estén marcados:

• Android SDK Platform 30

• Intel x86 Atom-64 System Image

• Google APIs Intel x86 Atom System Image

3. Luego seleccione la pestaña Herramientas del SDK y marque la casilla Mostrar detalles del paquete. Busque y expanda la entrada Android SDK Build-Tools y asegúrese de que 30.0.2 esté seleccionada.

4. Finalmente, haga clic en Aplicar para descargar e instalar el SDK de Android y las herramientas de compilación relacionadas.

Configurar las variables de entorno ANDROID_HOME:

• Agregue las siguientes líneas a su archivo de configuración $HOME/.bash_profile o $HOME/.bashrc

(si está usando zsh entonces ~/.zprofile o ~/.zshrc):

export ANDROID_HOME=$HOME/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/emulator

export PATH=$PATH:$ANDROID_HOME/tools

export PATH=$PATH:$ANDROID_HOME/tools/bin

export PATH=$PATH:$ANDROID_HOME/platform-tools

• Para cargar la configuración en su shell actual escriba:

para bash:

~  source  $HOME/.bash_profile

para zsh:

~  source  $HOME/.zshrc

• Verifique que ANDROID_HOME se haya configurado y que se hayan agregado los directorios apropiados a su ruta ejecutando los 2 comandos siguientes:

~  echo  $ANDROID_HOME

~  echo  $PATH

Instalación CLI de Expo React Native:

• Ejecutar la siguiente linea de comando:

~ yarn global add expo-cli


## Ejucutar el proyecto de manera local:

**1.** Clonar el repositorio:

```bash

~ git clone git@github.com:/dorisjpch/pokeapp-expo-rn

2. Instalar dependencias sobre la carpeta .pokeapp-expo-rn:

~ yarn

Para iniciar ejecutar el siguiente comando:

~ yarn start