Poner en marcha un proyecto de React Native con Expo es más sencillo de lo que parece, pero requiere tener las herramientas correctas instaladas y configuradas. A continuación se explica todo el proceso, desde la instalación de Node.js hasta la generación del proyecto listo para desarrollar.
¿Qué necesitas instalar antes de trabajar con React Native?
El primer requisito es contar con Node.js en tu equipo [0:16]. Para descargarlo, accede a la página oficial nodejs.org, donde encontrarás dos versiones disponibles.
- LTS (Long Term Support): es la versión estable, recomendada para producción y para la mayoría de los usuarios [0:30].
- Current: incluye las últimas características, pero estas cambian constantemente y no se recomiendan para proyectos en producción [0:44].
La recomendación es clara: utiliza siempre la versión LTS. El proceso de instalación varía según el sistema operativo: en macOS se descarga un archivo .pkg, en Windows un .exe y en Linux se accede a la sección de descargas correspondiente [0:56]. La instalación es tan simple como dar clic en "Siguiente" varias veces.
Para verificar que Node.js está instalado correctamente, abre una terminal y ejecuta:
bash
node -v
Si devuelve un número de versión, todo funciona bien [1:22].
¿Por qué instalar Yarn como gestor de dependencias?
Aunque Node.js trae npm por defecto, se recomienda instalar Yarn como gestor de dependencias alternativo [1:34]. Yarn se instala desde su página oficial yarnpkg.com ejecutando el siguiente comando:
bash
npm install -g yarn
Si en macOS o Linux aparece un error de permisos, basta con agregar sudo al inicio del comando [2:06]:
bash
sudo npm install -g yarn
En Windows este error de permisos no suele presentarse. Una vez instalado, verifica la versión con:
bash
yarn -v
Con Node.js y Yarn listos, ya tienes todo lo necesario para pasar a React Native [2:34].
¿Cómo se crea un proyecto de React Native con Expo?
El punto de partida es la documentación oficial en reactnative.dev [2:44]. Dentro de la sección Docs, busca el apartado Environment Setup, donde encontrarás una guía paso a paso. React Native ofrece dos variantes para iniciar: Expo y CLI nativo. En este caso se trabaja con Expo [3:08].
¿Cómo instalar Expo CLI de forma global?
El requisito mínimo es Node.js versión 12 LTS, aunque con la versión 14 LTS que ya se instaló se cumple de sobra [3:18]. Para instalar Expo CLI de manera global con Yarn, ejecuta:
bash
yarn global add expo-cli
Si prefieres npm, el equivalente sería npm install -g expo-cli [3:28]. Tras la instalación, comprueba que Expo quedó disponible:
bash
expo --version
expo-cli --version
Ambos comandos deben devolver el número de versión correspondiente [4:06].
¿Qué comando genera el proyecto nuevo?
Una vez dentro de la carpeta de tu curso o directorio de trabajo, ejecuta:
bash
expo init my-app
El sistema hará varias preguntas sobre la plantilla que deseas usar [4:38]:
- Blank: proyecto vacío y minimalista con JavaScript.
- Blank (TypeScript): lo mismo pero con TypeScript.
- Tabs: incluye navegación con pestañas preconfigurada.
La opción recomendada para aprender es blank, ya que permite construir todo de forma manual y comprender cada parte del proyecto [4:50].
Al seleccionar blank y presionar intro, Expo comienza a generar la estructura de archivos y a instalar todas las dependencias necesarias. Si abres la carpeta del proyecto en tu explorador de archivos, verás cómo se van creando los ficheros que componen la aplicación [5:02].
¿Qué obtienes después de crear el proyecto?
Al finalizar la instalación, la carpeta del proyecto contiene toda la estructura base de una aplicación React Native con Expo [5:30]. Al abrirla en un editor de código, se puede observar la organización de archivos y carpetas que conforman el proyecto.
El significado de cada archivo y carpeta se aborda en las sesiones siguientes, pero lo importante aquí es que con solo tres herramientas instaladas — Node.js, Yarn y Expo CLI — y un único comando, ya tienes una aplicación funcional lista para desarrollar.
¿Ya creaste tu primer proyecto? Comparte en los comentarios cualquier duda que te haya surgido durante el proceso de instalación.
