React Native: Crea tu E-Commerce móvil para iOS y Android

Introducción2 clases

Resultado final de la aplicación

Repositorio de la aplicación

Preparación del entorno de desarrollo9 clases

Descargando Editor de Código

Extensiones para Visual Studio Code

Instalando Node JS

Instalando Yarn

Instalando Cliente Rest

Instalando Expo CLI

Virtualización de un Sistema Android

Virtualización de un Sistema iOS

Ejecutando app en un dispositivo real

Conceptos básicos de React15 clases

¿Qué vamos hacer en esta sección?

Introducción a JSX

Conceptos básicos de React JS

Creando nuestra primera app en React JS

Estructura de React JS

Nuestro primer Componente en React JS

¿Que son los Props de React?

Pasando props básicos entre componentes

Pasando variables y objetos entre componentes por los props

Pasando funciones entre componente por los props

El uso de la Asignación por Destructuring

Props por defecto

Template Strings

Hook de estado - useState

Hook de efecto - useEffect

Inicializando proyecto de Strapi - BACKEND7 clases

Creando proyecto

Conociendo el admin panel

Modificando el modelo usuario

Activando get del usuario

Creando un Bucket S3 en AWS

Configurando S3 en Strapi

Creando una cuenta en Stripe

Sistema de autenticación y usuarios - BACKEND4 clases

Registro de usuarios

Obtener los datos del usuario

Actualización del usuario

Sistema de direcciones - BACKEND6 clases

Creando el modelo de la dirección

Creando direcciones

Obteniendo direcciones

Obteniendo una dirección

Actualizando direcciones

Eliminando direcciones

Sistema de productos - BACKEND3 clases

Creando el model del producto

Obtener productos

Obteniendo producto por su id

Sistema de banners - BACKEND2 clases

Modelo de los banners

Obteniendo todos los banners

Sistema wishlist - BACKEND4 clases

Creando el modelo Wishlist

Añadiendo producto a la lista

Eliminando producto de la lista

Obteniendo lista de deseos

Sistema pedidos - BACKEND5 clases

Creando modelo de order

Obteniendo pedidos

Obteniendo pedido

Creando pedido sin metodo de pago

Creación del pedido con pago en stripe

Inicializando app - FRONTEND3 clases

Creando app de react native

React Native Paper

React Navigation

Sistema de navegación - FRONTEND9 clases

Separando zona autenticada

Creando TabNavigation

Definiendo los nombre de las screens

Creando el HomeStack

Creando el WishlistStack

Creando el CartStack

Creando el AccountStack

Añadiendo iconos al menu

Añadiendo estilos al navigator

Sistema de autenticación - FRONTEND14 clases

Separando registro del login

Formulario de registro

Controlando y validando formulario

Registrando usuario

Añadiendo toasts

Formulario de login

Iniciando sesión

Context y hook de autenticación

Control del token en async storage

Obteniendo datos del usuario

Creando el authFetch

Creando la sesión del usuario

Recuperando sesión del usuario

Actualizar usuario local

Ajuste del usuario - FRONTEND9 clases

Creando BasicLayout

Información del usuario

Opciones del usuario

Cerrar sesión

Formulario para cambiar nombre y apellidos

Actualizando nombre y apellidos

Formulario para cambiar email

Formulario para cambiar nombre de usuario

Formulario para cambiar la contraseña

Sistema de direcciones - FRONTEND9 clases

Obteniendo direcciones

Pintando direcciones

Creando nuevas direcciones

Controlando y validando formulario

Creando la dirección

Formulario para actualizar direcciones

Actualizando dirección

Confirmación de eliminación

Eliminando dirección

Home de la app - FRONTEND5 clases

Obteniendo los banners

Renderizando banners

Dots del carousel

Obteniendo los productos

Grid de productos

Sistema de búsqueda - FRONTEND8 clases

Input para el buscador

Animación del buscador

Espacio del historial de búsquedas

Guardando historia de búsqueda

Context del buscador

Historial de búsquedas

Obteniendo resultado de la búsqueda

Renderizando productos

Pagina del producto - FRONTEND5 clases

Obteniendo los datos del producto

Titulo y carousel de imagenes

Precio del producto

Descripción del producto

Barra de acciones

Sistema de favoritos - FRONTEND6 clases

Añadiendo productos a la lista

Comprobando si el producto esta en la lista

Eliminando producto de la lista

Obteniendo todos los productos de la lista

Pintando lista

Acciones del producto

Sistema del carrito - FRONTEND16 clases

Contexto del carrito

Añadiendo producto al carrito

Añadiendo mas de un producto al carrito

Recuperando producto del carrito y el total

Obteniendo los datos de los productos

Layout del carrito

Pintando productos

Eliminar producto del carrito

Incrementando y decrementando cantidad

Carrito vacío

Lista de direcciones

Selecionando dirección

Formulario para el pago

Validando formulario

Realizando el pago con tarjeta

Limpiando carrito

Sistema de pedidos - FRONTEND5 clases

Obteniendo pedidos

Listando pedidos

Obteniendo los datos del pedido

Lista de productos del pedido

Añadiendo dirección del envio

Pre Deployment3 clases

Añadiendo la Splash Screen

Añadiendo el Icono de la app

Añadir el package para Android

Deployment Backend3 clases

Crenado una cuenta en Heroku

Desplegando aplicación de Strapi

Conectando nuestra App con Heroku

Deployment Android5 clases

Creando el .APK

Instalando APK en un dispositivo android

Creando al .AAB

Creando una cuenta en Google Play Console

Subiendo App a Google Play Console

Deployment iOS2 clases

Creando la cuenta de desarrollador de Apple

Subir la app al Apple Store

React Native: Crea tu E-Commerce móvil para iOS y Android

Contenido del curso

Comentarios de los estudiantes

Valoraciones

Este curso incluye:

Instructor del curso