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

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

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

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.