React Native - crear Proyecto


Uno de los pre requisitos es tener instalado node y actualizado. entendemos que si vamos a estar usando react native no sería tu primer framework en js por lo cual damos por entendido esto y ya instalado. Primero tenemos que instalar adb para la gestión de devices y android sdk para compilar y probar con celulares android.


sudo apt install adb android-sdk

Una vez instalado podemos seguir con la instalación de react-native, en este caso vamos a hacerlo globalmente para poder gestionar varios proyectos de la siguiente forma


sudo npm install -g react-native-cli
sudo npm install -g create-react-native-app

Una vez instalado debemos definir las variables de entorno de Android, en este caso al instalar el SDK vamos a hacerlo de la siguiente forma teniendo en cuenta como se instaló.


export ANDROID_SDK_ROOT="/usr/lib/android-sdk/"
export PATH="/usr/lib/android-sdk/tools:$PATH"
export PATH="/usr/lib/android-sdk/platform-tools:$PATH"
source ~/.bashrc

Si la SDK la instalas por andorid estudio o ya al tenias se definen así:


export ANDROID_HOME="/home/pato/Android/Sdk"
export PATH="$ANDROID_HOME/tools:$PATH"
export PATH="$ANDROID_HOME/platform-tools:$PATH"

donde dice pato va el nombre de usuario



Teniendo el entorno a la Faena!


ya armamos el entorno, y entendemos que esta perfecto asi que vamos a la segunda parte, crear el proyecto. Esto es simple y lo hacemos con el siguiente comando


create-react-native-app my-app --use-npm
cd my-app
npm start

(NPX es una variante de npm que gestiona mejor los paquetes que se instala junto a node)



Probar la App en nuestro dispositivo


Muchos prefieren virtualizar y me parece que está perfecto, pero lo mejor es probarlo directamente en nuestros dispositivos, por dos motivos. Es mejor verlo lo más cerca de produccion posible, para detectar errores y no ocupamos recursos de la máquina (Si gente, soy pobre y mi maquina es una poronga…)

Vamos a esto… Lo que tenemos que hacer es verificar que el usb reconozca nuestro dispositivo (Recordemos que el dispositivo debe es disponible para debugear y demás cosas que no van en este post) y eso lo podemos ver así:


lsusb

Este comando nos mostrara algo asi:


Bus 002 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 001 Device 003: ID 8087:0a2b Intel Corp.
Bus 001 Device 008: ID 04e8:6860 Samsung Electronics Co., Ltd Galaxy series, misc. (MTP mode)
Bus 001 Device 005: ID 0bda:5686 Realtek Semiconductor Corp. Integrated_Webcam_HD
Bus 001 Device 004: ID 0a5c:5832 Broadcom Corp. 5880
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

En mi caso es el Samsung que podemos ver en la siguiente línea Samsung Electronics Co., Ltd Galaxy series, misc. (MTP mode). Y vamos a ver como lo usaria en mi caso, van que van a tener que modificar dependiendo el ID de su grupo.


echo 'SUBSYSTEM=="usb", ATTR{idVendor}=="04e8", MODE="0666", GROUP="plugdev"' | sudo tee /etc/udev/rules.d/51-android-usb.rules

Y una vez que ya tenemos esto podemos ver los devices de la siguiente forma. Recordemos que adb ya lo instalamos antes. Si te da problemas de versiones puede ser por la instalación de Android Studio.


adb devices

y en mi caso lo va a mostrar así:


52003275eab6a453	device

Luego la mejor forma de ejecutarlo es con el siguiente comando en la carpeta del proyecto.


react-native run-android

Los que utilizan yarn o npm puede que no ejecuten correctamente intente seguirlo a pie de la letra.

Atencion un error comun es que no estén aceptadas las licencias de tener el Android Studio basta con ingresar y actualizar las SDK y aceptar las licencias de instalación!







Autor

PatoJAD

PatoJAD

Desarrollador


Sobre mi no hay mucho para decir, me dedico a desarrollar en una empresa de telecomunicaciones, utilizo GNU/Linux desde el 2.012 y hace años que es mi Sistema Operativo main. Soy una persona que busca crecer profesionalmente sin dejar de divertirse y hacer lo que me gusta. Siempre digo que cuando un proyecto sale es importante agradecer, por lo cual les recomiendo a todos leer la seccion Agreadecimientos en la cual me tomé un tiempito para poder agradecer a todos y cada uno de los que hicieron posible todo esto.




Comentarios

Busqueda






Donar

Todo lo que realizamos en el softwarelibre (colaboraciones, desarrollos, blogs, etc.) lo realizamos por amor al mismo y no pedimos nada a cambio por nuestros servicios comunitarios.

Sin embargo muchas personas desean colaborar para poder mejorar los mismos y personalmente ofrezco esta opcion aunque aconsejo fuertemente que se done en proyectos mas importantes como KDE y demas...

Donar via PayPal Donar via Patreon


Sitios Amigos