React Native — 2019 — Configurar entorno en Windows Pc.

Daniel Arellano
Nov 5 · 4 min read

Hola, en este tutorial aprenderás a instalar las herramientas necesarias para usar react-native de forma pura. Sin usar SDKs de terceros.

Sin más comencemos:

React-native depdende de Python y del JDK (kit de desarrollo de java) . Para hacer más fácil la instalación podemos usar un gestor de paquetes llamado choco.

Instalar Choco

Puedes ir directo a la guía original en:

O también seguir los siguientes pasos:

  1. Ejecutamos el powershell de windows. Inicio > Escribir PowerShell> Ejecutar como administrador.

2. Ejecutamos le comando:

Get-ExecutionPolicy

3. Ejecutamos el siguiente comando y respondemos si:

 Set-ExecutionPolicy AllSigned

4. Descargamos e instalamos choco con el siguiente comando:

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1'))

Instalar Python, JDK y Nodejs.

  1. Dentro del powershell ejecutamos
choco install -y nodejs.install python2 jdk8

2. Instalar node js

choco install -y nodejs.install --version 10.16.3 --force

Instalar Android Estudio

  1. Descargar ultima versión en el siguiente enlace:

2. Ejecutar el archivo e instalar.

3. Instalar SDK 9 de android

  • Abrir android studio
  • Dar clic en la parte inferior donde está la tuerquita
  • Dar clic en SDK manager
  • Elegir Android 9 Pie > dar clic en aplicar > siguiente> siguiente …. > Finalizar/aplicar.

Configurar variable de entorno ANDROID_HOME

Nos dirigimos al panel de control > escribimos en el cuadro de búsqueda : variables de entorno > Damos clic en Edit the system environment variables

Nos dirigimos a avanzados y luego Variables de entorno

Hacemos clic en nuevo..

Y creamos nuestra variable de entorno de la siguiente manera.

Ojo con la ruta debes poner tu nombre de usuario, en mi caso mi usuario de windows es estudiante

ANDROID_HOMEC:\Users\estudiante\AppData\Local\Android\Sdk

Instalar emuladores virtuales (AVD)

Con esta funcionalidad podemos instalar varios emuladores de teléfonos móviles en nuestra pc.

  1. Dentro del Android Studio vamos al icono AVD Manager

2. Hacemos clic en crear un dispositivo Virtual

3. Escogemos la marca y Modelo que queremos usar para nuestro emulador

4. Escoger la versión del sistema operativo del dispositivo:

  • Escogemos Android 9.
  • Esperamos la descarga
  • Vinculamos el sistema operativo con el dispositivo.

Ya casi estamos… 😂

Reinicia tu computadora.


Crear una nueva aplicación

  1. Elige una carpeta donde vayas a poner tus proyectos.
  2. Abre el cmd en la carpeta y ejecuta el siguiente comando:
npx react-native init app_prueba

esto creará dentro de tu carpeta un nuevo directorio llamado app_prueba que sera tu proyecto de react-native.

Probar nuestra App

  1. Abrir nuestro proyecto en VSCODE
  2. Abrir el el emulador de android que instalamos, para ello debemos crear un proyecto en blanco y darle play en el Android Studio. Solo con la finalidad de tener el emulador encendido.

3. En nuestro proyecto de react abrimos la terminal

3. Finalmente debemos ejecutar dos comando s en paralelo para eso podemos usar 2 terminales al mismo tiempo.

  • Damos Clic en el + y ahora podemos alternar entre la terminal 1 y 2
  • En la terminal 1 ejecutar:
npm run start

Cuando todo haya salido ok sin errores.

  • En la terminal 2 ejecutar:
npm run android

Daniel Arellano

Written by

Me gusta andar viajando y javascript

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade