Crea apps móviles para iOS y Android con React Native: curso online gratis para dominar componentes, navegación, API y despliegue, y llevar tu perfil al siguiente nivel.
En este curso gratuito, aprenda sobre
Qué es React Native y su flujo de trabajo para crear apps móviles con JavaScript/JSX
Instalación y setup en macOS y Windows: Node, JDK, SDKs y herramientas necesarias
Estructura base del proyecto: rol de index, carpetas clave (p.ej. store) y organización
JSX, primera app y componentes: creación, composición y reutilización de UI
State y eventos: useState, actualización de UI y uso de TouchableOpacity
Props y validación con PropTypes para tipar/asegurar contratos entre componentes
Ciclo de vida en React: constructor, renderizado, shouldComponentUpdate y desmontaje
Optimización con Pure Components y uso de Fragments para evitar wrappers innecesarios
Formularios: layouts, inputs y secureTextEntry para campos de contraseña
Peticiones HTTP con Axios: estructura, middleware y patrón request/response
Autenticación: tipos comunes, Firebase Auth y construcción de flujos de login
Google Cloud Functions: configuración, deploy, rutas HTTP y uso de service accounts
Integración con Twilio: cuentas, credenciales, mocks y envío de mensajes
TDD y testing en React Native: setup, pruebas a funciones y pruebas de interacción
Acerca del curso online gratuito
Da el salto al desarrollo móvil con un curso online gratuito pensado para llevarte desde la configuración inicial hasta la creación de una aplicación sólida, con una base moderna y enfocada a la práctica. Aprenderás a trabajar con React Native para construir apps multiplataforma, mejorando tu capacidad de convertir ideas en productos funcionales que puedan ejecutarse en iOS y Android.
A lo largo del recorrido ganarás soltura con los pilares del desarrollo en React Native: estructura de un proyecto real, JSX, componentes reutilizables, gestión de estado y comunicación entre componentes mediante props. También afianzarás buenas prácticas para mantener un código más claro, escalable y fácil de mantener, comprendiendo cuándo optimizar renderizados y cómo organizar mejor tu aplicación para que crezca sin volverse inmanejable.
El curso te guía por el proceso de preparación del entorno en distintos sistemas operativos, para que no te detengan los problemas típicos de instalación. Además, profundiza en temas clave para apps modernas como la navegación entre pantallas, la creación de interfaces y formularios, y el manejo de elementos interactivos, reforzando una mentalidad orientada a la experiencia de usuario.
Para que puedas construir funcionalidades completas, se trabajan integraciones habituales en proyectos profesionales: consumo de APIs, patrones de comunicación cliente-servidor y organización del flujo de datos. Se introduce además el uso de servicios en la nube para ampliar capacidades del proyecto, abordando el despliegue de funciones y la configuración necesaria para conectar tu app con servicios externos de forma ordenada.
Como valor diferencial, también se incorporan fundamentos de calidad: enfoque en pruebas, configuración y hábitos que ayudan a detectar errores antes y facilitar la evolución del proyecto. Encontrarás ejercicios para comprobar comprensión y afianzar conceptos sin depender únicamente de la teoría, con un camino progresivo para que avances con seguridad.
Si buscas iniciarte en el desarrollo de aplicaciones o ampliar tu perfil en TI, este curso es una oportunidad práctica para construir bases sólidas, entender el ciclo completo de una app móvil moderna y acercarte al estándar de trabajo que se usa en proyectos reales.
Contenido del curso
Lección en vídeo: Curso de React Native desde Cero - Capitulo 0 Introducción16m
Ejercicio: _¿Qué es React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 1.1 Instalación MacOs12m
Ejercicio: ¿Cuál es la herramienta mencionada que permite gestionar múltiples versiones de Node.js?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 1.2 Instalación Windows16m
Ejercicio: _¿Qué es el JDK y para qué se utiliza en el desarrollo de React Native en Windows?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 2 Primera App y JSX26m
Ejercicio: ¿Cuál es la función principal del archivo "index" al crear una aplicación en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 3 Componentes26m
Ejercicio: _¿Qué es un componente en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 4 States22m
Ejercicio: ¿Cuál es la función principal del componente 'TouchableOpacity' en una aplicación React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 5 Props17m
Ejercicio: _¿Qué son las props en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 6 Prop-Types10m
Ejercicio: ¿Cuál es una característica clave de JavaScript mencionada en el video?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 116m
Ejercicio: _¿Cuál es el objetivo del constructor en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 213m
Ejercicio: ¿Cuál de los siguientes métodos de ciclo de vida de React se usa para decidir si un componente debe volver a renderizarse después de una actualización?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 308m
Ejercicio: _¿Para qué se utiliza el método de desmontaje en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 8 Pure Components12m
Ejercicio: ¿Cuál es la función principal del botón de 'reset' en la aplicación de contador?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 9 Fragments12m
Ejercicio: _¿Qué se añade al contador al presionar el botón +10 en el tutorial de React Native con HIWEX?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 10 Estructura del Proyecto08m
Ejercicio: ¿Cuál es el propósito principal de la carpeta 'store' en la estructura del proyecto?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 11 Tipos de Autenticación11m
Ejercicio: ¿Cuál es un tipo de autenticación usado comúnmente por su facilidad para recordar por los usuarios?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 12 Introducción GCF05m
Ejercicio: ¿Cuál es una característica notable de las Google Cloud Functions?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 13 Configuración GCF08m
Ejercicio: _¿Qué herramienta se debe instalar de forma global para manejar las Google Cloud Functions en nuestro ordenador?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 14 Deploy GCF10m
Ejercicio: ¿Cuál es el primer paso para desplegar una función de Google Cloud?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 15 Construir GCF11m
Ejercicio: _¿Qué es lo que se va a utilizar en las Google Cloud Functions para definir qué métodos de http se van a utilizar?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 16 Servicio de Cuentas07m
Ejercicio: ¿Cuál es la finalidad de importar el archivo de 'service account' en una aplicación de Firebase?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 17 Crear Usuario18m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 18 Crear Cuenta en Twilio07m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 19 Mocks05m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 20 Credenciales en Twilio09m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 21 Enviar Mensaje07m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 22 Layout (Crear Usuario)21m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 23 useState09m
Ejercicio: _¿Qué es el prop "secure text entry" en React Native y qué hace?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 24 Axios14m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 25 Axios (Estructura)15m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 26 Axios Middleware11m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 27 Axios (REQ-RES)09m
Ejercicio: _¿Qué modificaciones realizó el autor en el código de la aplicación en la sección de las Google Cloud Functions?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 28 TDD08m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 29 Configuración Test12m
Ejercicio: _¿Qué herramienta se recomienda instalar en Visual Studio Code para revisar que los módulos estén funcionando correctamente?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 30 Test Contenido39m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 31 Test a Funciones11m
Ejercicio: _¿Qué tipo de pruebas se deben meter dentro de interaction en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 32 Firebase Config14m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 33 Auth14m
Ejercicio: _¿Qué librería se utiliza para importar el componente i+d en el método de login en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 34 Navegación04m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 35 Configuración Nav07m
Ejercicio: _¿Qué es lo primero que se debe instalar para poder interactuar con las navegaciones nativas dentro del dispositivo en React Native con React Navigation?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 36 Navegar12m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 36 Navegar parte 208m
Ejercicio: _¿Qué atributo se utiliza para poner un título personalizado en la barra de navegación en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 37 Higher-Order Components10m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 38 Loading10m
Ejercicio: _¿Cuál es la función principal del componente "activity indicator" en React Native?
Lección en vídeo: Curso de React Native desde Cero - Capitulo 39 Organizar18m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 40 Custom Header15m
Lección en vídeo: Curso de React Native desde Cero - Capitulo 41 useEffect16m
