Instalación de Node JS y creación de proyectos React Native con Expo

Clase 4 de 16 • Curso de Introducción a React Native

Clase anteriorSiguiente clase

Resumen

¿Listo para crear una aplicación móvil con React Native? Aprende cómo configurar tu entorno de desarrollo con Expo para generar proyectos rápidos y prácticos. Instalarás Node JS, seleccionarás la versión más adecuada, incluirás gestores de dependencias como JARN y comenzarás tu proyecto paso a paso.

¿Qué versión de Node JS necesito para desarrollar mi aplicación móvil?

Para trabajar con React Native y Expo, es recomendable instalar Node JS en su versión LTS (soporte a largo plazo). Aunque la versión más actualizada ofrece novedades constantes, la LTS es estable y está diseñada para entornos de producción. Descarga Node JS desde su web oficial (js.org) y verifica la instalación en tu consola con:

node -v

¿Cómo gestiono las dependencias de mi proyecto React Native?

Luego de instalar Node JS, es momento de organizar las dependencias a través de gestores como JARN o NPM. Aunque NPM viene por defecto, JARN suele ofrecer una gestión más sencilla y menos errores de acceso. Para instalarlo globalmente, ejecuta:

npm install -g yarn

Si tienes errores de permisos en macOS o Linux, introduce el comando con sudo:

sudo npm install -g yarn

Confirma la instalación exitosa consultando la versión instalada con:

yarn -v

¿Qué pasos sigo para crear mi primer proyecto React Native con Expo?

Una vez listo el ambiente, ¿cómo procedes a crear tu app móvil con Expo? Así:

  1. Ve al sitio oficial de React Native (reactnative.dev).
  2. Busca la sección environment setup e instala globalmente el CLI de Expo ejecutando en la consola:
yarn global add expo-cli
  1. Comprueba que Expo está correctamente instalado con:
expo --version
expo-cli --version
  1. Dirígete a tu carpeta de desarrollo y crea un nuevo proyecto con el comando:
expo init nombre-de-tu-proyecto

Elige una plantilla básica para aprender desde cero de manera práctica y efectiva.

Recuerda mantener tu proyecto organizado desde el inicio, facilitando así la comprensión y mantenimiento a largo plazo. Continúa aprendiendo en las próximas clases, explorando la estructura interna del proyecto recién creado. ¿Te quedó alguna duda sobre la instalación o creación del proyecto inicial con React Native? ¡Comparte y pregunta en los comentarios!