Curso de Desarrollo de Apps Móviles con React Native

Construí tu primera app móvil completa con React Native

Al finalizar, vas a tener una app móvil completa hecha con React Native, con navegación, formularios, consumo de APIs, Redux Toolkit, autenticación y persistencia de datos. Todo en grupos reducidos (máx. 6 personas), con acompañamiento cercano y feedback técnico para que tu proyecto quede listo para tu portfolio.

150+
10 clases en vivo (2 h cada una)
10+
Proyecto final: app móvil con React Native + Redux Toolkit
Grupos reducidos (máx. 6 personas por cohorte)
Certificado de finalización

Inscripción a los cursos de programación

Elegí tu camino: frontend, backend o full stack. Inscribite en los cursos online en vivo y empezá a construir proyectos profesionales en grupos reducidos. Ver próximas fechas

No hay cohortes disponibles por el momento. Consultá por WhatsApp las próximas fechas para cursar programación.

Nivel del curso de React Native: Inicial–Intermedio

Este curso está pensado para personas que ya usan JavaScript y/o React y quieren pasar al desarrollo de apps móviles multiplataforma con una sola base de código. Vas a aprender a integrar APIs, manejar estado global y agregar autenticación a apps listas para uso real. Las clases son en grupos reducidos (máx. 6 personas) para hacer preguntas, compartir código y recibir feedback directo del instructor.

Personas que vienen de React y quieren construir apps móviles de aspecto nativo para iOS y Android.
Desarrolladores que quieren pasar del desarrollo web al móvil multiplataforma con React Native.
Perfiles de diseño y UX/UI que quieren convertir prototipos en interfaces móviles reales y navegables.
Equipos de ingeniería que buscan estandarizar el desarrollo mobile sobre un stack de JavaScript + React Native.

FORMATO

¿Cómo vas a aprender React Native en este curso?

Vas a aprender en clases online en vivo por videollamada, trabajando sobre proyectos reales y código compartido. Los grupos se limitan a 6 personas para asegurar un acompañamiento cercano, revisiones en tiempo real y un ritmo acorde a tu nivel.

Clases en vivo y práctica

Implementación paso a paso, preguntas en vivo y revisión de tus entregas para que avances con seguridad.

Recursos de apoyo entre clases

Guías, snippets de código y ejemplos comentados para seguir practicando React Native entre sesiones, con soporte del instructor.

Temario: Desarrollo de aplicaciones móviles con React Native

En este curso de React Native vas a aprender a construir aplicaciones móviles multiplataforma para iOS y Android usando JavaScript y el ecosistema de React. Empezamos desde la estructura básica del proyecto y el uso de Expo o React Native CLI, y después avanzamos a navegación, formularios, consumo de APIs, manejo de estado con Redux Toolkit, persistencia local y autenticación. Siempre trabajamos en grupos reducidos (máx. 6 personas) para que recibas feedback constante, code reviews y un proyecto final que puedas mostrar en tu portfolio.

Introducción a React Native e instalación del entorno

Qué es React Native y en qué se diferencia de React para la web
Estructura básica de un proyecto móvil en React Native
Configuración del entorno con Expo o React Native CLI según el caso

Componentes básicos y estilos en React Native

Componentes esenciales: View, Text, Image, ScrollView y otros componentes nativos
Estilos con StyleSheet y buenas prácticas
Layouts responsivos con Flexbox pensados para mobile

Navegación con React Navigation

Configuración de navegación stack, tab y drawer
Paso de parámetros entre pantallas y tipado básico
Buenas prácticas de navegación en apps móviles reales

Formularios y manejo de inputs

Uso de TextInput, botones y componentes de formulario
Formularios controlados con estado local y manejo de cambios
Validaciones básicas, mensajes de error y UX móvil

Consumo de APIs y manejo de datos

Conexión a REST APIs con fetch o Axios
Manejo de estados de loading, error y vacíos
Renderizado de listas dinámicas con FlatList y optimización básica

Introducción a Redux y configuración del store

Arquitectura de Redux: store, actions, reducers y flujo de datos
Creación de un store global para una app móvil
Conexión de Redux con componentes de React Native

Redux Toolkit y buenas prácticas

Simplificación del manejo de estado con Redux Toolkit y slices
Lógica asíncrona con createAsyncThunk para llamadas a APIs
Organización del código para apps de React Native escalables

Persistencia de datos y almacenamiento local

Uso de AsyncStorage para guardar datos en el dispositivo
Persistencia del estado global con redux-persist
Manejo de escenarios offline en apps móviles

Autenticación y flujo protegido

Pantallas de registro y login con validaciones
Estado de autenticación manejado con Redux
Protección de pantallas privadas y manejo de sesión

Proyecto final: app completa en React Native con Redux

Integración de navegación, formularios y consumo de APIs en una misma app
Manejo de estado global con Redux Toolkit en un caso de uso real
Autenticación, persistencia y experiencia móvil refinada

¿Necesito saber Swift (iOS) o Kotlin (Android) para este curso?

No. La magia de React Native es que escribimos todo el código en JavaScript y React. El framework se encarga de 'traducirlo' a componentes nativos para cada plataforma.

¿Puedo programar apps para iPhone si uso Windows?

Sí. Gracias a herramientas como Expo, puedes desarrollar y probar tu aplicación en un iPhone físico usando tu PC con Windows. Para compilar la versión final de tienda, usamos servicios en la nube (EAS Build).

¿Cuál es la diferencia entre React (Web) y React Native?

La lógica (Hooks, Estado, Componentes) es idéntica. La diferencia es la renderización: en lugar de etiquetas HTML como `<div>` o `<p>`, usamos componentes nativos como `<View>` y `<Text>`.

¿Qué es Expo?

Es un set de herramientas que simplifica enormemente el desarrollo. Te permite iniciar proyectos sin configurar Android Studio o Xcode desde el principio, y probar la app en tu celular escaneando un QR.

¿React Native es una 'Webview' o una App Híbrida lenta?

No. A diferencia de tecnologías antiguas (como Ionic o PhoneGap), React Native renderiza componentes **nativos** reales del sistema operativo, por lo que el rendimiento es casi idéntico al de una app nativa pura.

¿Necesito una computadora muy potente?

Se recomienda tener al menos 8GB de RAM. Los emuladores de Android/iOS consumen muchos recursos. Si tu PC es modesta, te enseñaremos a correr la app directamente en tu celular físico para ahorrar memoria.

¿Vemos Redux en el curso?

Sí, y es un foco importante. A medida que la app crece, manejar el estado se complica. Enseñamos **Redux Toolkit**, que es la forma moderna y simplificada de gestionar datos globales.

¿Qué es la 'Persistencia de Datos'?

Es lograr que, si el usuario cierra la app y la vuelve a abrir, sus datos (carrito, sesión, tareas) sigan ahí. Usamos `AsyncStorage` y `redux-persist` para guardar información en el disco del celular.

¿Cómo se navega entre pantallas si no hay URL?

En móviles usamos 'Stacks' (apilar pantallas como cartas). Usaremos **React Navigation** para crear menús inferiores (Tabs), laterales (Drawers) y transiciones entre vistas.

¿Sirve este curso si quiero publicar en Google Play y App Store?

El curso te enseña a construir la aplicación completa (el ejecutable). El proceso burocrático de subirla a las tiendas es un paso posterior, pero saldrás con el producto listo para ese proceso.

¿CSS funciona igual en React Native?

Muy parecido, pero no igual. Usamos Flexbox por defecto, pero propiedades como `display: grid` no existen. Aprenderás a maquetar pensando en las limitaciones y ventajas del móvil.

¿Por qué grupos de máximo 6 personas?

Configurar el entorno móvil (Android Studio, Java, variables de entorno) suele dar errores únicos en cada PC. Al ser pocos, podemos dedicar tiempo a destrabar tu configuración en vivo.

¿Qué es Flexbox en React Native?

Es el motor de diseño. A diferencia de la web, en React Native `flex-direction` es 'column' por defecto (vertical), porque los celulares son pantallas verticales. Aprenderás a dominarlo.

¿Cómo pruebo la app en mi celular?

Descargas la app 'Expo Go' en tu teléfono (Android o iOS), escaneas un código QR que genera tu computadora y ¡listo! Ves los cambios en tiempo real.

¿Qué es un componente `<FlatList>`?

Es un componente optimizado para listas largas (como un feed de Instagram). A diferencia de un `map()` en web, FlatList solo renderiza los elementos visibles para no saturar la memoria del teléfono.

¿Vemos consumo de APIs?

Sí. Una app móvil sin internet sirve de poco. Aprenderás a usar `fetch` o `Axios` para traer datos de un servidor, manejar el tiempo de carga y mostrar errores si no hay conexión.

¿Qué es el 'Safe Area'?

Es el área segura de la pantalla que evita que tu contenido quede tapado por el 'notch' (la cámara frontal) o la barra de inicio de los iPhone modernos.

¿Es difícil configurar el entorno de desarrollo?

Es el paso más temido, pero en la primera clase lo hacemos juntos. Configuramos Node, Java JDK, Android Studio y las variables de entorno para que todo funcione.

¿Qué es un APK y un IPA?

Son los archivos instalables finales. APK (o AAB) para Android y IPA para iOS. Aprenderás cómo se generan estos archivos a partir de tu código JavaScript.

¿Vemos autenticación biométrica (huella/cara)?

Nos enfocamos en la lógica de autenticación por Token (Login/Registro con API), que es la base. La biometría es una capa extra que se puede agregar con librerías de Expo.

¿Qué es Redux Toolkit (RTK)?

Es la evolución de Redux. Elimina el 'boilerplate' (código repetitivo) y hace que manejar el estado global sea mucho más rápido y menos propenso a errores.

¿Puedo usar librerías de componentes (UI Kits)?

Sí, existen muchas (Paper, Elements), pero en el curso enseñamos a estilizar tus propios componentes para que entiendas cómo funciona el diseño nativo desde cero.

¿Qué es el 'Hot Reloading'?

Es una función que permite guardar tu archivo de código y ver el cambio en el celular instantáneamente sin perder el estado (ej: sin que se cierre el modal que estabas probando).

¿Vemos notificaciones Push?

El curso se centra en la construcción de la app. Las notificaciones requieren un servidor externo configurado, por lo que excede el alcance inicial, pero explicamos cómo funciona la arquitectura.

¿Qué pasa si quiero usar código nativo (Java/Swift)?

React Native permite crear 'Native Modules' para puentear código nativo. Sin embargo, el 95% de las apps estándar no necesitan tocar código nativo hoy en día.

¿Es muy distinto el código para iOS y Android?

El 90% del código es compartido. React Native se encarga de las diferencias. Para el 10% restante, aprendemos a usar el módulo `Platform` para aplicar estilos o lógica específica por sistema operativo.

¿Qué es un 'ScrollView'?

Es el contenedor básico para contenido que excede el alto de la pantalla. A diferencia de la web, en móvil el scroll no es automático, debes habilitarlo explícitamente.

¿Cómo se manejan las imágenes locales vs remotas?

Las locales se importan con `require('./img.png')` y son rápidas. Las remotas usan `{uri: 'https...'}'` y requieren gestionar la carga y el caché.

¿Vemos TypeScript?

El curso utiliza JavaScript para enfocarse en los conceptos de React Native sin agregar la capa de complejidad de los tipos, pero todo lo aprendido es 100% compatible con TS.

¿Qué es `AsyncStorage`?

Es como el 'LocalStorage' del navegador, pero en el celular. Permite guardar cadenas de texto simples de forma persistente en el dispositivo.

¿Cómo depuro (debug) una app móvil?

Usamos herramientas como React Native Debugger o Flipper, que nos permiten inspeccionar la red, ver el árbol de componentes y los logs como si estuviéramos en Chrome.

¿Qué es un 'Touchable'?

En móvil no hay 'clicks', hay toques. Componentes como `TouchableOpacity` o `Pressable` nos permiten detectar gestos del usuario y dar feedback visual.

¿La navegación es nativa?

Sí. React Navigation (con `react-native-screens`) utiliza componentes nativos por debajo, por lo que las transiciones se sienten fluidas y reales, no como una página web simulada.

¿Qué proyecto final hacemos?

Una aplicación completa, como un E-commerce o un Gestor de Tareas, que incluya autenticación, listados, detalles, formularios y guardado de datos.

¿Qué son los 'Hooks' en Native?

Son los mismos que en web (`useState`, `useEffect`), más algunos específicos como `useWindowDimensions` o hooks de navegación `useNavigation`.

¿Puedo acceder a la cámara o GPS?

Sí. Con Expo es muy fácil instalar librerías para acceder a sensores del dispositivo. Veremos cómo gestionar los permisos del usuario.

¿Qué es el 'KeyboardAvoidingView'?

Un componente vital que evita que el teclado virtual tape tus inputs cuando el usuario está escribiendo. Es un problema clásico de móvil que aprenderás a resolver.

¿Por qué usar React Native CLI en lugar de Expo?

Expo es genial para empezar, pero CLI te da control total sobre el código nativo. Explicaremos cuándo conviene 'expulsar' (eject) o iniciar con CLI.

¿Qué es el 'Modal'?

Es una pantalla que se superpone a la actual. En React Native es un componente nativo que se comporta diferente en iOS (desliza) y Android (aparece).

¿Vemos validación de formularios?

Sí, es crucial. Aprendemos a validar emails, contraseñas y campos requeridos antes de enviar los datos a la API, dando feedback visual al usuario.

¿Qué es 'StatusBar'?

Es la barra superior donde ves la hora y la batería. En React Native podemos controlarla: cambiarle el color, ocultarla o hacerla transparente para diseños inmersivos.

¿Qué son los iconos vectoriales?

Usamos librerías como `Expo Vector Icons` (FontAwesome, MaterialIcons) para tener iconos nítidos que escalan sin perder calidad.

¿El curso sirve para conseguir trabajo?

Sí. React Native es una de las habilidades mejor pagadas porque permite a las empresas ahorrar costos contratando un solo equipo para dos plataformas.

¿Qué es `ActivityIndicator`?

Es el 'spinner' o rueda de carga nativa de cada sistema operativo. Lo usamos para indicar al usuario que la app está pensando o trayendo datos.

¿Cómo organizamos las carpetas?

Aprenderás una estructura escalable: separar pantallas (`screens`), componentes (`components`), navegación (`navigation`) y lógica de estado (`store`).

¿Vemos mapas?

Mencionamos cómo integrar `react-native-maps`, que usa los mapas nativos de Apple y Google (mucho más performantes que un iframe web).

¿Qué es el 'RefreshControl'?

Es el gesto de 'estirar para refrescar' (pull to refresh) típico de las listas móviles. Aprenderás a implementarlo en tus FlatLists.

¿Cómo manejo el modo oscuro (Dark Mode)?

React Native detecta la configuración del teléfono. Aprenderás a usar el hook `useColorScheme` para adaptar tus estilos automáticamente.

¿Qué pasa si mi app crashea?

Veremos cómo leer los 'Logs' de error en la consola (Metro Bundler) para entender qué falló y cómo solucionarlo.

¿Necesito pagar licencia de desarrollador?

Para aprender y probar en tu celular, NO (es gratis). Solo necesitas pagar a Apple/Google el día que decidas subir tu app a las tiendas públicas.

Métricas del curso

150+

10+