Boost Academy
FormaciónEvaluacionesPerfil
Volver
  • En directo

React Native — Intermedio

8h de clase en directo·HACK A BOSS·Español

Skills que aprenderás

  • react-native

Convocatorias

Necesitas un plan activo

Para acceder a los cursos en directo necesitas un plan activo. Estamos trabajando para que los planes estén disponibles pronto — ¡mantente atento!

No hay convocatorias abiertas ahora mismo, pero no te pierdas la oportunidad: guarda este curso y te avisamos en cuanto se abra una convocatoria.

Descripción

Objetivos

Temario

Requisitos técnicos

Conocimientos previos

Detalles de la convocatoria

Recursos

No hay recursos disponibles todavía para esta convocatoria

Curso dirigido a desarrolladoras y desarrolladores que ya cuentan con una base sólida en React Native y desean consolidar su capacidad para construir aplicaciones móviles multiplataforma de complejidad real. A lo largo de ocho horas, el participante profundizará en el diseño de interfaces adaptativas con componentes nativos, la implementación de navegación multipantalla con React Navigation, el consumo de APIs REST con gestión de estados asíncronos, y la elección razonada entre estrategias de gestión de estado local y global. Además, explorará el acceso a hardware del dispositivo mediante librerías de la comunidad, aplicará técnicas de depuración con herramientas profesionales y tomará decisiones fundamentadas sobre el flujo de trabajo de desarrollo (Expo Managed Workflow vs. React Native CLI), obteniendo al final una aplicación funcional con navegación, datos remotos y al menos un módulo nativo integrado.

  1. Comparar las alternativas de gestión de estado —local frente a global— y el modelo de flujo de trabajo de desarrollo, argumentando la elección más adecuada según la complejidad y las restricciones de cada proyecto.
  2. Diseñar y adaptar interfaces móviles multiplataforma con componentes nativos y layouts responsivos que respeten las convenciones de usabilidad de iOS y Android en distintos tamaños de pantalla y orientaciones.
  3. Integrar React Navigation con múltiples pantallas y paso de parámetros, consumir una API REST externa gestionando los estados de carga, error y éxito, e incorporar al menos un módulo de acceso a hardware del dispositivo.
  4. Depurar errores de renderizado o navegación con herramientas profesionales, documentando la causa raíz y la solución aplicada en el contexto de una aplicación integrada end-to-end.

Bloque 1 — Fundamentos de decisión y arquitectura (conceptual) Se abre el curso situando al participante ante las dos grandes decisiones de arquitectura que condicionan cualquier proyecto intermedio: la elección del flujo de trabajo (Expo Managed Workflow frente a React Native CLI, sus ventajas, limitaciones y criterios de selección según el acceso a APIs nativas y las restricciones del proyecto) y la estrategia de gestión de estado (estado local con useState y useReducer frente a soluciones globales como Context API o Zustand). Se estudian los criterios que determinan cuándo escalar de un enfoque al otro y se analizan casos de uso representativos.

Bloque 2 — Interfaces adaptativas y navegación (procedimental) El foco se traslada a la construcción visual y estructural de la aplicación. Se trabaja el diseño de pantallas con componentes nativos (View, Text, FlatList, TouchableOpacity) siguiendo las convenciones de usabilidad de iOS y Android, y se profundiza en la adaptación del layout a distintos tamaños de pantalla y orientaciones mediante Dimensions, flexbox y SafeAreaView. Sobre esa base, se implementa React Navigation con navegadores de tipo stack y tab, cubriendo la configuración de al menos tres pantallas y el paso de parámetros entre rutas.

Bloque 3 — Datos externos y hardware del dispositivo (procedimental) Se aborda la integración de una API REST externa usando fetch o axios, estructurando el código para gestionar correctamente los tres estados del ciclo asíncrono: carga, error y éxito, todo ello mediante hooks. A continuación, se incorpora al menos un módulo de acceso a hardware —cámara, geolocalización o almacenamiento local— utilizando librerías consolidadas de la comunidad como expo-camera o react-native-mmkv, conectando el módulo con el estado de la aplicación.

Bloque 4 — Depuración y cierre integrador El último bloque consolida las habilidades adquiridas a través de la práctica de depuración con React DevTools, Flipper y los logs del Metro bundler, reproduciendo errores reales de renderizado y navegación, identificando su causa raíz y documentando la solución. El bloque cierra con una actividad integradora en la que el participante ensambla en una única aplicación los elementos trabajados durante el curso: navegación, consumo de datos, módulo nativo y gestión de estado.

  • Node.js 18 LTS o superior instalado.
  • Expo CLI (npm install -g expo-cli) o React Native CLI configurado según el flujo de trabajo elegido.
  • Simulador iOS (Xcode 14+, solo macOS) o emulador Android (Android Studio con AVD configurado), o dispositivo físico con la app Expo Go instalada.
  • Editor de código Visual Studio Code con las extensiones React Native Tools y ESLint activas.
  • Flipper (versión estable más reciente) para las prácticas de depuración.
  • Acceso a internet durante las sesiones para el consumo de APIs REST públicas utilizadas en los ejercicios.
  • Manejo fluido de componentes funcionales y hooks básicos de React (useState, useEffect) en el contexto de React Native.
  • Comprensión del modelo de props y del ciclo de vida de un componente.
  • Experiencia básica con el entorno de desarrollo de React Native (Expo o CLI): instalación, ejecución en simulador/dispositivo y lectura de errores en consola.
  • Familiaridad con JavaScript moderno (ES2020+): destructuring, operadores de propagación, async/await y módulos ES.

Estos conocimientos se adquieren en el curso prerrequisito REN01 — React Native: Iniciación.