Cómo comenzar un proyecto de React Native

Crear un proyecto React Native en 2 minutos

Ahora sí que no tienes excusas para probar React Native.

En otro artículo ya te comentaba porqué mi próxima app la iba a desarrollar usando React Native. Sin embargo algunos de vosotros me comentabais lo engorroso que parecía crear un proyecto nuevo en React Native, y la cantidad de tiempo que requería.

Y es cierto que uno de los problemas o las pegas que muchos desarrolladores ponen a probar React o React Native es la complejidad a la hora de crear un entorno de desarrollo y comenzar un proyecto.

Si bien esto ya ha sido subsanado por parte del equipo de Facebook para React mediante la aplicación «Create React App», ahora le ha tocado el turno a React Native.

Si quieres aprender a crear un proyecto de React Native en 2 minutos, sigue leyendo.

Creando un proyecto de React Native en 2 minutos.

Durante la React Conf 2017, que se está celebrando en Estados Unidos, se ha presentado la nueva forma de crear proyectos para React Native, mucho más rápida y sencilla, y consiste en los siguientes pasos:

1.- Instala Node

Si no tienes instalado Node, es una herramienta imprescindible, ya que vamos a utilizar el gestor de paquetes de Node (npm) para realizar la instalación. Puedes descargarlo desde su página principal. Si ya lo tienes instalado comprueba que tienes una versión superior a la 6 usando este comando en tu terminal.

node -v

2.- Instala Create React Native App vía npm

Para instalar el nuevo «create native app» utiliza el flag global (-g) y si al ejecutar npm te da error por permisos (Error: EACESS permission denied) ejecuta este comando utilizando «sudo» delante de npm (te pedirá contraseña de administrador).

npm install -g create-react-native-app

3.- Crea tu proyecto y dale un nombre a tu app

Una vez instalado, solo tienes que crear tu proyecto dándole un nombre.

create-react-native-app mi-nueva-app

4.- Comprueba el directorio creado

Una vez que se ha completado la instalación tendrás una app lista para comenzar a codear. Puedes entrar al directorio para comprobar todos los archivos creados.

cd mi-nueva-app/

5.- Lanza tu proyecto

Para lanzar tu proyecto, tan solo tienes que utilizar el siguiente comando y se creará un servidor local que además puedes conectar a tu teléfono gracias a un QR que se genera y que puedes utilizar con la App Expo:

npm start

6.- Lanza tu aplicación en el simulador

Para ver tu aplicación en el simulador necesitarás las herramientas de desarrollo, por ejemplo, XCode para iOS y las Android Build Tools para usar el simulador de Android. Para ello solo tienes que utilizar alguno de estos comandos:

npm run ios
npm run android

Y nada más. Ahora toca lo más divertido, comenzar a crear tu app.

Como puedes ver no puede ser más sencillo y rápido comenzar tu proyecto en React Native.

En próximos artículos iremos viendo más cosas sobre React Native.

Si te ha gustado este artículo no dudes en compartirlo, me ayudarás a llegar a más gente. Y si tienes cualquier duda o sugerencia puedes contactar conmigo en Twitter, donde soy @fran__gallardo o a través del correo electrónico fran@gallardoramos.com

Nos leemos pronto.