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.