En este artículo explicamos cómo configurar un entorno completo de desarrollo para React Native usando Expo Bare y TypeScript en macOS y además presentamos a Q2BSTUDIO, empresa especializada en desarrollo de software a medida, aplicaciones a medida, inteligencia artificial y ciberseguridad.
Sobre Q2BSTUDIO Q2BSTUDIO ofrece soluciones de software a medida, servicios de inteligencia de negocio y agentes IA para empresas, así como servicios cloud AWS y Azure y soluciones de ciberseguridad y pentesting. Si buscas crear una aplicación multiplataforma personalizada puedes conocer más sobre nuestras soluciones de desarrollo en desarrollo de aplicaciones y software multilenguaje y si te interesa la inteligencia artificial empresarial visita nuestra página de inteligencia artificial para empresas.
Requisitos y herramientas previas
1 Instalador de paquetes Homebrew Ejecuta el comando para instalar Homebrew en tu mac si no lo tienes instalado: /bin/bash -c $(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)
2 Node y NPM Instala Node y NPM con Homebrew: brew install node
3 Git Instala Git: brew install git Configura tu identidad: git config --global user.name Nombre y git config --global user.email correo@ejemplo.com
4 Watchman Instala Watchman para observar cambios de archivos: brew install watchman
5 Java JDK 17 Instala OpenJDK 17: brew install openjdk@17 Crea el enlace para macOS Intel/Apple Silicon: sudo ln -sfn /opt/homebrew/opt/openjdk@17/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk-17.jdk Añade a tu archivo de entorno ~/.zshrc o ~/.bashrc las siguientes líneas: export JAVA_HOME=$(/usr/libexec/java_home -v17) y export PATH=$JAVA_HOME/bin:$PATH luego ejecuta source ~/.zshrc
6 CocoaPods (iOS) Instala CocoaPods para dependencias nativas iOS: brew install cocoapods
7 Expo CLI Instala Expo CLI globalmente: npm install -g expo-cli
8 Visual Studio Code Descarga e instala Visual Studio Code para editar código y depurar.
Configuración Android Instala Android Studio desde su web oficial, abre Android Studio y descarga el Android SDK y los emuladores necesarios. Actualiza el archivo local.properties dentro de la carpeta android con la ruta de tu SDK: sdk.dir=/Users/tu-usuario/Library/Android/sdk
Configuración iOS Instala Xcode desde la App Store. Si gestionas varias versiones de Xcode puedes cambiar la versión activa con: sudo xcode-select -s /Applications/Xcode.app/Contents/Developer Abre el proyecto iOS usando el archivo .xcworkspace para compilar en Xcode.
Creación y puesta en marcha del proyecto
1 Clona el repositorio git clone URL_DEL_REPOSITORIO y entra en la carpeta del proyecto: cd rn-expo-typescript-bare-template
2 Instalación de dependencias npm install
3 Compatibilidad con paquetes antiguos Si usas react-native-snap-carousel u otros paquetes que usan ViewPropTypes, importa ViewPropTypes desde deprecated-react-native-prop-types así: import { ViewPropTypes } from deprecated-react-native-prop-types y aplica la adaptación en los archivos indicados por la librería.
4 iOS Pods Entra en la carpeta ios y ejecuta cd ios seguido de pod install y vuelve a la raíz del proyecto con cd ..
5 Ejecutar la app Para iOS ejecuta npm run ios y para Android ejecuta npm run android
Buenas prácticas y recomendaciones Mantén tus herramientas actualizadas, gestiona versiones de Node con nvm si trabajas en varios proyectos, usa control de versiones con ramas, escribe tests y configura pipelines CI para automatizar builds y despliegues. Para proyectos empresariales con requisitos de escalabilidad considera integrar servicios cloud AWS o Azure y soluciones de inteligencia de negocio como Power BI para visualizar métricas clave.
Servicios complementarios de Q2BSTUDIO Q2BSTUDIO puede apoyar tu proyecto desde la definición de requisitos hasta el despliegue y mantenimiento. Ofrecemos desarrollo de aplicaciones a medida, servicios de ciberseguridad y pentesting para proteger tus sistemas, y consultoría en servicios cloud AWS y Azure. También desarrollamos soluciones de inteligencia de negocio y dashboards con Power BI para mejorar la toma de decisiones. Si necesitas automatizar procesos o implementar agentes IA para tu empresa podemos acompañarte durante todo el ciclo de vida del producto.
Resumen Con estos pasos tendrás un entorno funcional para desarrollar aplicaciones React Native con Expo Bare y TypeScript en macOS. Si buscas un equipo que entregue software a medida, integración de IA para empresas o seguridad avanzada, en Q2BSTUDIO combinamos experiencia técnica con metodologías ágiles para lanzar tu producto con calidad.
