Introducción
  • IMPORTANTE - Antes de empezar
  • Resultado final de la aplicación
  • Repositorio de la aplicación
Preparación del entorno de desarrollo
  • Descargando Editor de Código
  • Extensiones para Visual Studio Code
  • Instalando Node JS
  • Instalando Yarn
  • Instalando Expo CLI
  • Virtualización de un Sistema Android
  • Virtualización de un Sistema iOS
  • Creando una cuenta de EXPO y asociándola al equipo
Conceptos básicos de React
  • ¿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
Iniciando App
  • Creando el proyecto de 5 Tenedores
  • Estructura de un proyecto
  • Ejecutando la Aplicación en Android y iOS
  • Subiendo la aplicación a Expo.io
  • Creando las 5 páginas principales de nuestra aplicación
Sistema de Navegación
  • Instalando React Navigation
  • Montando el Sistema de Navegación
  • Creando Stacks de Navegación
  • Instalando React Native Elements
  • Añadiendo iconos al Tab Menu
Configurando Firebase
  • Creando un proyecto en Firebase
  • Añadiendo proyecto de Firebase a nuestra app
Sistema de registro y login de usuarios
  • Mostrando Screen diferente si el usuario esta logeado o no
  • Componente de Loading
  • Añadiendo Loading a la Screen de Account
  • Screen de usuario no logeados
  • Creando la Screen de login y añadiéndola al sistema de rutas
  • Añadiendo funcionalidad al botón de Ver tu Perfil
  • Estructura de la Screen de login
  • Creando Screen de Registro y añadiéndola al sistema de rutas
  • Navegando a la Screen de Registro desde la Screen de Login
  • Estructura de la screen de registro
  • Creando el formulario de registro de usuarios
  • Evitando que el teclado oculte el input
  • Añadiendo iconos a los inputs del formulario de registro
  • Mostrando y ocultando contraseña con el icono
  • Guardando los datos del formulario de registro un estado
  • Función para validar emails
  • Validando formulario de registro
  • Mostrando los mensajes de la validación en un toast
  • Activando el sistema de Autenticación por email
  • Registrado usuario en Firebase
  • Añadiendo loading mientras se registra el usuario
  • Formulario de login
  • Añadiendo iconos a los inputs
  • Mostrando y ocultando contraseña con el icono
  • Guardando los datos del formulario de login un estado
  • Validando formulario de login
  • Realizando el login contra el firebase
Sistema de login con Facebook
  • Configurando Facebook Developer
  • Activando el login con Facebook en Firebase
  • Creando el botón de login Facebook
  • Logica para logear con Facebook
Panel de usuario
  • Estructura del panel de usuario
  • Estructura del componente InfoUser
  • Mostrando los datos reales del usuario en InfoUser
  • Configurando Storage en firebase
  • Instalando Packages para poder acceder a la galería del teléfono
  • Abriendo la galeria de imágenes
  • Añadiendo permisos para Android
  • Subiendo el avatar el Storage
  • Solucionar Warning "Setting a timer for a long period of time"
  • Actualizando el avatar del usuario en firebase
  • Actualizando la imagen sin tener que recargar la app
  • Lista de opciones disponibles en la cuenta del usuario
  • Completando el menu ListItem
  • Componente Modal
  • Cambiando el contenido del modal dependiendo el menú haga click el usuario
  • Formulario para cambiar nombre y apellidos
  • Guardando los datos del formulario en un estado
  • Validando formulario de cambio de nombre
  • Actualizando el nombre y apellido en firebase
  • Formulario para cambiar el email
  • Guardando los datos del formulario en un estado
  • Mostrando y ocultando contraseña con el icono