Desarrollo de apps con React Native

Este módulo tiene por objetivo entender el SETUP inicial que requieren los estudiantes para poder trabajar en proyectos de React Native. Se dará una bienvenida y conceptos clave de React Native, su instalación para Android e iOS y finalmente conocer los componentes principales.

• 1.1 - Bienvenida al curso de React Native
  1:49
• 1.2 - ¿Qué es React Native?
  6:49
• 1.3 - Instalación de React Native en iOS y Android
  12:13
• 1.4 - Tu primera app con React Native
  8:04
• 1.5 - Simulación en iOS
  5:17
• 1.6 - Emulación en Android
  4:07
• 1.7 - Componentes básicos: View y Text
  11:36

En este módulo se observará a más detalle los componentes y su aplicación para las apps móviles. Se tocarán temas como: estructurar el proyecto de RN, cuál es el funcionamiento interno de React Native, ver como se aplican Hooks o Clases para componentes RN, como se dan estilos a los componentes, luego se usarán varios componentes para entender que hacen, como y cuando usarlos. Finalmente se hablará de los distintos eventos que existen en los componentes.

• 2.1 - Arquitectura híbrida de React Native
  11:17
• 2.2 - Arquitectura de una app React Native
  6:30
• 2.3 - Hooks y clases
  16:58
• 2.4 - Exploremos los componentes que existen en la documentación
  17:21
• 2.5 - Estilos y Flex
  12:01
• 2.6 - Eventos de los componentes
  13:06

Es necesario utilizar una herramienta que nos permita realizar un desarrollo más uniforme, visualmente atractivo y consistente. Para ello utilizaremos la librería Native Base que provee una serie de componentes con el estilo de Material Design, que será de gran ayuda para el resto del desarrollo de la app. También se explicará cuál será la app que será creada en el resto del curso, que será enfocada a un buscador de texto e imágenes como lo es Google.

• 3.1 - ¿Qué es una librería de UI?
  7:06
• 3.2 - Visualizando la app final del curso
  3:50
• 3.3 - Instalar Native Base
  8:31
• 3.4 - Anatomía de Native Base
  19:51
• 3.5 - Explorando los componentes básicos
  25:56
• 3.6 - Componentes de navegación
  8:29

En este módulo aprenderemos a introducir datos que la aplicación pueda requerir en algún momento, al escribir algún input solicitado, apretar un botón para enviar un formulario, checkbox, radio buttons y otros componentes que usualmente se utilizan en los formularios.

• 4.1 - Componente Form
  9:10
• 4.2 - Inputs y labels
  16:23
• 4.3 - Checkbox
  10:42
• 4.4 - Select
  9:39
• 4.5 - Spinner
  6:28
• 4.6 - Search bar
  7:33

En este módulo veremos cómo organizar la aplicación de forma que se pueda agregar un módulo de navegación que permita crear Stack Navigation, Tab Navigation y Drawer Navigation. Se reorganizará la aplicación de forma que se pueda agregar rutas de navegación.

• 5.1 - Tipos de navegación móvil
  9:22
• 5.2 - Instalar react-navigation
  9:31
• 5.3 - Stack Navigation
  17:24
• 5.4 - Tab Navigation
  14:26
• 5.5 - Drawer Navigation
  6:16
• 5.6 - Juntar las navegaciones para el flujo de la app
  13:55

En este módulo aprenderemos a realizar peticiones HTTP a los servicios de una API abierta y gratuita de RapidAPI "Web Search". Se enseñará cómo crear una cuenta en la plataforma y como utilizarla para probar los endpoints. Se revisarán los conceptos de peticiones HTTP, asincronía, que es una API REST y utilizar la librería axios para realizar las peticiones a la API seleccionada.

• 6.1 - Peticiones HTTP y REST
  7:33
• 6.2 - Instalar axios y entender async/await
  12:40
• 6.3 - Crear una cuenta en RapidAPI y explorar la API "Web Search"
  8:53
• 6.4 - Hacer GET a endpoint de WebSearch mediante texto
  22:30
• 6.5 - Hacer GET a endpoint de ImageSearch mediante texto
  12:36
• 6.6 - Validación de errores
  9:29

En este módulo se aprenderá a persistir datos de forma local (en el dispositivo) con Async Storage, un módulo que permite guardar datos de texto en la memoria interna y poder realizar distintas operaciones. También se estudiará un componente muy importante: WebView, que permite visualizar páginas web externas mediante una URL.

• 7.1 - Instalar Async Storage
  6:58
• 7.2 - Guardar las búsquedas realizadas
  22:31
• 7.3 - Instalar WebView
  6:27
• 7.4 - Visualizar páginas web externas
  13:39

Una vez que se ha desarrollado la aplicación de búsquedas, en este último módulo se aprenderán los conceptos y plataformas para subir la app a la App Store y la Play Store. Lo que sea subido será realizado con fines meramente de demostración.

• 8.1 - Probando toda la funcionalidad de la app desarrollada
  9:56
• 8.2 - Preparar subida para Play Store y generar archivo .aab
  13:44
• 8.3 - Subir al dashboard de Google Play Console
  10:36
• 8.4 - Preparar subida para App Store
  10:29
• 8.5 - Crear una cuenta de desarrollador de Apple
  9:08
• 8.6 - Subir app a App Store Connect
  13:31
• 8.7 - Preparar la app para revisión de Apple
  8:37