Dedika es una plataforma para aprender haciendo: crear una propuesta comercial, convertirte en manicurista o usar una herramienta nueva, por ejemplo. No importa cuál sea tu objetivo, el mejor contenido sobre el tema ya existe. Pero casi siempre está en otro idioma, es costoso, está disperso, no tiene actividades para practicar o viene en un curso demasiado largo para quienes tienen una agenda ocupada. Por eso, Dedika tiene un método propio: buscamos ese material donde sea que esté, organizamos lo que realmente te sirve, lo revisamos con el apoyo de expertos que están disponibles para resolver tus dudas y creamos prácticas para que aprendas haciendo. Tú eres lo más importante en tu camino y nadie lo conoce mejor que tú: elige el contenido y la duración del curso, si quieres aprender con o sin internet y en el formato que prefieras. Puede ser en video, texto, audio o resumen. A tu manera, solo con lo que te haga sentido. Aquí, cada momento de dedicación vale más y llegas más rápido a lo que importa.

Nuestros cursos incluyen un resumen al final de cada capítulo, del cual puedes descargar un PDF e imprimirlo.

Más de 2 millones de estudiantes en todo el mundo

Contamos con presencia en más de 180 países

Certificado válido y reconocido en tu país

Página de inicio

...

Curso de React Native

Todos los cursos

Ingeniería, Construcción y Tecnología

Tecnología

Curso de React Native

Para todos los niveles

Curso de React Native

Name: Curso de React Native
Price: 2940 MXN

Domina React Native desde la configuración del entorno hasta el envío a la App Store en un curso integral. Crearás apps móviles multiplataforma reales para iOS y Android usando las mismas habilidades de JavaScript que ya conoces. Cada capítulo cubre patrones de grado de producción utilizados diariamente por desarrolladores móviles profesionales.

Dedika para empresas

Lo que vas a aprender:

Aprenderás a configurar un entorno de desarrollo profesional de React Native y a crear aplicaciones móviles completamente funcionales para iOS y Android. El curso cubre componentes principales, diseños con Flexbox, flujos de navegación y gestión de estado con hooks y librerías de estado global. Integrarás APIs REST reales, manejarás funciones del dispositivo como cámara y geolocalización, e implementarás almacenamiento seguro de tokens. También escribirás pruebas unitarias y de extremo a extremo, optimizarás el rendimiento de la app y configurarás pipelines de CI/CD. Al finalizar, tendrás las habilidades para crear, probar y lanzar apps de React Native listas para producción.

Cómo estudias de forma práctica Curso de React Native

Cómo practicas Curso de React Native

Para ti que tienes una empresa y quieres capacitar a tu equipo

En Dedika para empresas, el curso incluye ejercicios y ejemplos adaptados a tu propio negocio y a las necesidades de tu empresa.

Haz clic aquí

Contenido del curso

8 Capítulos • 40 LeccionesDuración entre 4 y 360 horas (tú decides)

Capítulo 1Ver detalles

Fundamentos de React Native y Configuración

Lección 1 • Herramientas de Desarrollo y Conceptos Básicos de Depuración
Presenta el depurador de React Native, Flipper y el menú de desarrollador en la app. Ofrece a los estudiantes herramientas de retroalimentación inmediata en las que se apoyarán a lo largo del curso.
Lección 2 • Qué es React Native
Cubre el rol de React Native en el desarrollo móvil multiplataforma y cómo se diferencia de React para la web. Establece la base conceptual para todos los capítulos siguientes.
Lección 3 • Creando tu Primer Proyecto
Usa la CLI de React Native y Expo para crear una nueva app y explora la estructura de archivos generada. Conecta el conocimiento de herramientas con la creación práctica de proyectos.
Lección 4 • Configuración del Entorno de Desarrollo
Instala y configura todas las herramientas necesarias para el desarrollo en iOS y Android. Asegura que cada estudiante tenga un entorno local reproducible y funcional.
Lección 5 • Ejecutar Apps en Dispositivos y Emuladores
Lanza la app en emuladores de Android, simuladores de iOS y dispositivos físicos. Valida el ciclo de desarrollo completo antes de escribir cualquier código personalizado.

Capítulo 2Ver detalles

Componentes Core y Sintaxis JSX

Lección 1 • Componentes Text, View e Image
Cubre los tres componentes más fundamentales de React Native y sus props esenciales. Los estudiantes construyen layouts estáticos combinando texto, contenedores e imágenes.
Lección 2 • Componentes de Entrada y Formularios
Cubre TextInput, Switch y Picker para capturar la entrada del usuario. Establece el conocimiento de componentes necesario antes de introducir el manejo de estado.
Lección 3 • Fundamentos de JSX en React Native
Explica la sintaxis JSX, la incrustación de expresiones y cómo JSX se compila en llamadas a UI nativa. Proporciona la base sintáctica para todo el trabajo con componentes.
Lección 4 • Componentes Touchable y Pressable
Presenta los componentes de manejo táctil y sus comportamientos de retroalimentación. Conecta layouts estáticos con elementos interactivos que los estudiantes usarán en cada app.
Lección 5 • Componentes de Listas y Scroll
Enseña ScrollView, FlatList y SectionList para renderizar colecciones de datos. Prepara a los estudiantes para mostrar conjuntos de datos dinámicos de manera eficiente.

Capítulo 3Ver detalles

Estilos y Layouts con Flexbox

Lección 1 • API de StyleSheet y Estilos en Línea
Compara StyleSheet.create con objetos de estilo en línea y explica las implicaciones de rendimiento. Establece patrones de estilos consistentes usados a lo largo del curso.
Lección 2 • Modelo de Layout Flexbox
Explica cómo el modelo Flexbox de React Native difiere de CSS y cómo controlar la alineación de ejes. Los estudiantes adquieren la habilidad central de layout usada en cada pantalla.
Lección 3 • Tematización y Patrones de Estilo Reutilizables
Introduce objetos de tema, constantes de estilo y encapsulamiento de estilos a nivel de componente. Prepara a los estudiantes para mantener sistemas de diseño consistentes en apps grandes.
Lección 4 • Espaciado, Bordes y Sombras
Aplica propiedades de margen, padding, borde y sombra para refinar la jerarquía visual. Conecta el conocimiento de layout con la apariencia pulida de componentes con calidad de producción.
Lección 5 • Dimensiones, Unidades y Diseño Responsivo
Cubre los píxeles independientes de la densidad, la API Dimensions y useWindowDimensions. Permite layouts que responden correctamente a diferentes tamaños de dispositivo.

Capítulo 4Ver detalles

Estado, Props y Arquitectura de Componentes

Lección 1 • useState para Estado Local
Introduce el hook useState para manejar el estado a nivel de componente y desencadenar re-renderizados. Permite a los estudiantes construir elementos de UI interactivos y con estado.
Lección 2 • useEffect y Efectos Secundarios
Cubre useEffect para la obtención de datos, suscripciones y limpieza al desmontar. Conecta conceptos del ciclo de vida del componente con operaciones asíncronas prácticas.
Lección 3 • Patrones de Componentes y Mejores Prácticas
Cubre componentes contenedores vs. presentacionales, memoización y cómo evitar renderizados innecesarios. Prepara a los estudiantes para escribir árboles de componentes eficientes y mantenibles.
Lección 4 • Props y Comunicación entre Componentes
Explica cómo las props pasan datos y callbacks entre componentes padre e hijo. Establece el patrón de flujo de datos unidireccional central en las apps de React Native.
Lección 5 • Hooks Personalizados para Lógica Reutilizable
Enseña cómo extraer lógica con estado en hooks personalizados para reutilizarlos entre componentes. Avanza a los estudiantes de hooks básicos a una organización de código escalable.

Capítulo 5Ver detalles

Navegación y Gestión de Pantallas

Lección 1 • Stack Navigator para Flujos de Pantalla
Construye flujos de pantalla de push y pop usando el navegador de stack nativo. Cubre el patrón de navegación más común en apps móviles.
Lección 2 • Navegadores Tab y Drawer
Añade navegadores de pestañas inferiores y cajón lateral para secciones de nivel superior de la app. Permite a los estudiantes construir los shells de navegación primarios usados en la mayoría de las apps.
Lección 3 • Flujos de Autenticación y Rutas Protegidas
Implementa navegación condicional basada en el estado de autenticación usando intercambio de navegadores. Prepara a los estudiantes para construir navegación de apps segura y consciente de roles.
Lección 4 • Configuración y Conceptos de React Navigation
Instala React Navigation y explica el modelo de navegador, pantalla y ruta. Proporciona el mapa conceptual que los estudiantes necesitan antes de construir cualquier flujo de navegación.
Lección 5 • Pasar Datos Entre Pantallas
Cubre route params, estado de navegación y uso compartido de datos basado en contexto entre pantallas. Asegura que los estudiantes puedan mover datos a través de jerarquías de navegación complejas.

Capítulo 6Ver detalles

Redes, APIs y Gestión de Datos

Lección 1 • API Fetch y Patrones Asíncronos
Usa la API Fetch integrada con async/await para hacer solicitudes HTTP desde React Native. Establece el patrón de obtención de datos asíncrono usado en todas las secciones siguientes.
Lección 2 • React Query para Estado del Servidor
Usa React Query para cachear, re-obtener y sincronizar datos del servidor automáticamente. Reduce el código repetitivo y mejora la frescura de los datos en toda la app.
Lección 3 • Axios para Solicitudes HTTP
Presenta Axios para una sintaxis de solicitud más limpia, interceptores y configuración de URL base. Hace avanzar a los estudiantes al cliente HTTP más usado en apps de React Native en producción.
Lección 4 • Almacenamiento Local con AsyncStorage
Persiste datos clave-valor localmente usando AsyncStorage para funciones offline-first. Prepara a los estudiantes para almacenar tokens, preferencias y respuestas en caché en el dispositivo.
Lección 5 • Estados de Carga, Error y Vacío
Diseña estados de UI para escenarios de datos pendientes, fallidos y vacíos. Conecta la integración de API con una experiencia completa y fácil de usar para la obtención de datos.

Capítulo 7Ver detalles

Características del Dispositivo y APIs Nativas

Lección 1 • Cámara y Selector de Imágenes
Captura fotos y selecciona imágenes de la galería usando react-native-image-picker. Permite a los estudiantes construir funciones ricas en medios comunes en apps sociales y de utilidad.
Lección 2 • Gestión de Permisos
Solicita y verifica permisos en tiempo de ejecución para funciones sensibles del dispositivo en iOS y Android. Establece el patrón de permisos requerido antes de acceder a cualquier API nativa.
Lección 3 • Geolocalización y Mapas
Recupera la ubicación del dispositivo y renderiza mapas interactivos usando react-native-maps. Conecta los datos de ubicación con experiencias visuales de mapas que los estudiantes pueden publicar en apps reales.
Lección 4 • Notificaciones Push
Configura notificaciones push locales y remotas usando Expo Notifications o Firebase. Enseña el ciclo de vida completo de las notificaciones, desde la programación hasta la interacción del usuario.
Lección 5 • Sensores del Dispositivo y Hápticos
Lee datos del acelerómetro y giroscopio y activa patrones de retroalimentación háptica. Añade interacciones táctiles y sensibles al movimiento a las apps construidas por los estudiantes.

Capítulo 8Ver detalles

Rendimiento, Pruebas y Despliegue

Lección 1 • Pruebas Unitarias y de Integración
Escribe pruebas de componentes y hooks usando Jest y React Native Testing Library. Establece una línea base de pruebas que detecta regresiones antes del despliegue.
Lección 2 • Compilación y Publicación en Tiendas de Aplicaciones
Genera compilaciones de lanzamiento firmadas para Android y iOS y las envía a sus respectivas tiendas. Completa el ciclo de vida completo de desarrollo a producción para los estudiantes.
Lección 3 • Perfilado y Optimización de Rendimiento
Usa Flipper y el Monitor de Rendimiento para identificar cuellos de botella en el hilo de JS y el renderizado. Capacita a los estudiantes para diagnosticar y solucionar los problemas de rendimiento más comunes de React Native.
Lección 4 • Pruebas de Extremo a Extremo con Detox
Automatiza flujos de usuario completos en simuladores y dispositivos usando Detox. Valida rutas críticas como inicio de sesión y pago antes de cada lanzamiento.
Lección 5 • Animaciones con la API Animated
Construye animaciones suaves e impulsadas de forma nativa usando la API Animated y Reanimated. Mejora el rendimiento percibido y la satisfacción del usuario en las interfaces construidas por los estudiantes.

Certificación

Tu certificado válido de finalización

Este curso es para ti:

Desarrolladores web: listos para llevar sus habilidades de JavaScript a las aplicaciones móviles.
Freelancers: que buscan ofrecer desarrollo de iOS y Android a sus clientes actuales.
Estudiantes de ciencias de la computación: que desean experiencia práctica con dispositivos móviles más allá de la teoría de clase.
Ingenieros de backend: curiosos por construir el lado móvil de los productos que da la cara al usuario.
Personas que cambian de carrera profesional: están haciendo la transición al desarrollo móvil desde roles tecnológicos no relacionados.
Creadores independientes: decididos a lanzar su propia idea de aplicación sin contratar un equipo de desarrollo móvil.

Lo que dicen nuestros alumnos

Sus clases son perfectas. Adquirí el paquete de un año y, finalmente, tengo la oportunidad de seguir diversos temas de mi interés sin necesidad de cambiar de plataforma... les agradezco por todo lo que hacen, ya los he recomendado a otras personas...