React Native + Expo: Guia Inicial con Native Base y Redux

Crea tu aplicación de itinerarios con Skyscanner API utilizando Redux, Redux Saga, React Hooks y Native Base

Ratings: 3.96 / 5.00




Description

En este curso aprenderás como funciona React Native y sus componentes para crear tu propia aplicación utilizando la herramienta Expo para dispositivos de Android y iOS, sin la necesidad de preocuparte por el código nativo de cada plataforma. En este curso únicamente utilizaremos javascript para crear el proyecto.

El contenido empieza desde las bases, comenzando con la estructura de un archivo de React Native hasta crear tus propios componentes reusables con código limpio y legible. En esta ocasión no utilizaremos Class components, es decir, utilizaremos React Hooks para cada componente.

Expo será clave para poder escribir código de Javascript solamente y evitar tocar el código nativo de cada plataforma, es por ello que lo estudiaremos desde cómo funciona hasta implementar sus componentes y crear aplicaciones directamente en la nube con expo-snack.

Redux será el encargado de mantener el estado global de nuestra aplicación. En este curso vamos a aprenderlo si es que nunca has trabajado con él. Ademas de Redux-Saga para realizar los side effects (Llamadas a la API) utilizando Axios, así como React-Redux para conectar nuestros componentes a la Store.

Como librería UI utilizaremos Native Base, que nos apoyará para estilizar nuestros componentes de una manera sencilla y precisa. Native Base nos apoyara con sus componentes y anatomía ya estilizados para crear aplicaciones que se vean perfectas en los diferentes dispositivos de la actualidad.

En este curso vamos a crear un proyecto llamado Itinerarios de SkyScanner, que consiste en iniciar sesión con Google, después vamos a solicitar los itinerarios o vuelos acorde a los parámetros enviados (destino, origen, adultos y fechas) para después mostrarlos en una lista detallada a los usuarios, ya que los vuelos son reales, al darle click nos llevará directamente a las aerolíneas o agencias de viaje para completar la reserva. SkyScanner provee una API para realizar búsquedas de vuelos, por lo cual la vamos a analizar los parámetros requeridos para construir un formulario dentro de nuestra aplicación. Al finalizar el curso obtendremos una aplicación funcionando en ambas plataformas, ademas de código limpio y legible.

Cada línea de código que vayamos a escribir será explicada para que tengas una mejor comprensión y asegurarnos de que saques provecho de este curso.

What You Will Learn!

  • Crear tu aplicación con React Native para Android y iOS, implementando sus componentes esenciales
  • Aprender a usar la herramienta Expo para evitar el código nativo
  • Aprender Redux y sus esenciales (Actions, Reducers, Store)
  • Utilizar y aprender como funciona Redux Saga para los side effects
  • Implementar Native Base como librería UI
  • Implementar Axios para realizar llamadas a la API
  • Implementar Google Auth para Android y iOS
  • Manejo de variables de entorno
  • Crear una estructura de archivos organizada de tu proyecto
  • Implementar React-Navigation para la creación de las rutas de tu aplicación

Who Should Attend!

  • Desarrolladores Moviles
  • Desarrolladores Web
  • Desarrolladores React Js
  • Desarrolladores Frontend
  • Desarrolladores Javascript