React Native Expo: Creando un TripAdvisor de Restaurantes

Name: React Native Expo: Creando un TripAdvisor de Restaurantes
Rating: 4.4 (1781 reviews)

Crearemos una App similar a TripAdvisor con React Native Hooks, Expo y Firebase y un sistema de login completo

Created byAgustin Navarro Galdon

Last updated 4/2026

Spanish

What you'll learn

Seras capaz de desarrollar cualquier aplicación móvil para Android y iOS
Aprenderás a desarrollar el sistema de navegación como un SideMenu, BottomMenu, entre otros componentes
Aprenderás a usar el sistema React Native para crear App
Conocerás Expo, todas sus herramientas y beneficios
Aprenderás a configurar y usar Firebase y Firestore para cualquier tipo de proyecto
Manejaremos distintos tipos de autenticación en tiempo real con Firebase
Virtualización un Sistema Android y iOS para hacer Debug
Utilizaremos la Geolocalización y los mapas de Apple Maps y Google Maps
Aprenderás a controlar los datos que fluyen por React Native entre componentes
Crearemos componentes para reutilizarlos en la aplicación
Aprenderás a usar React Navigation 5, sus Hooks y mucho más...
Crearás formularios completamente personalizados
Aprenderás a crear el sistema de Infinity Scroll
Aprenderás a crear un sistema de búsqueda de restaurantes
Aprenderás a crear un sistema de Favoritos con su propio listado
Añadiremos un Preloader para mostrarlos mientras cargan los componentes
Creación de Toasts compatibles con Android y iOS
Aprenderás a crear un sistema de rankings de restaurantes
Aprenderás a crear un sistema de votaciones y reviews sobre los restaurantes
Usaremos elementos interno del dispositivo como puede ser la Cámara, Galería, Geolocalización, etc...
Aprenderás a crear un sistema de login y registro de usuarios completo
Aprenderás a usar React Native Elements.
Generar .APK y .IPA

Course content

33 sections • 285 lectures • 33h 34m total length

IMPORTANTE - Antes de empezar3:39
Información importante antes de empezar nuestra app.
Resultado final de la aplicación6:09
Veremos la app terminada y todo lo que vamos a hacer y aprender durante el curso.
ACTUALIZACION DEL CURSO1:13
Repositorio de la aplicación1:20
Dejaré a tu disposición el repositorio del curso para que compares el código.

Descargando Editor de Código1:36
Descargaremos el editor de código que vamos a utilizar durante todo el curso.
Extensiones para Visual Studio Code14:40
Configuraremos Visual Studio y instalaremos todos los plugins que vamos a usar en el curso.
Instalando Node JS5:06
Instalaremos Node JS en nuestro equipo de manera global.
Instalando Yarn5:20
Instalaremos el gestor de paquetes Yarn para poder instalar todas las dependencias que usaremos durante el curso.
Instalando Expo CLI3:07
Instalaremos Expo CLI de manera global para poder crear nuestra primera aplicación.
Virtualización de un Sistema Android5:17
Instalaremos Android Studio para crear un nuevo dispositivo móvil y poder cargar nuestra aplicación en un sistema Android.
Virtualización de un Sistema iOS3:54
Instalaremos Xcode para crear un nuevo dispositivo móvil y poder cargar nuestra aplicación en un sistema iOS.
Creando una cuenta de EXPO y asociándola al equipo4:53
Crearemos una cuenta en la web de EXPO para tener todas nuestras aplicaciones sincronizadas.

¿Qué vamos hacer en esta sección?2:14
Una explicación de todo lo que vamos a ver en esta sección de Conceptos básicos sobre React JS.
Introducción a JSX3:21
Veremos que es el JSX de React y por que nos facilita mucho a la hora de programar.
Conceptos básicos de React JS4:22
Veremos los conceptos básicos que tiene React para entender mejor como funciona.
Creando nuestra primera app en React JS2:53
Crearemos nuestra primera app con el comando create-react-app.
Estructura de React JS7:45
Veremos toda la estructura de una aplicación de React JS.
Nuestro primer Componente en React JS11:27
Crearemos nuestro primer componente y veremos todas sus partes.
¿Que son los Props de React?3:57
Veremos una explicación de que son los PROPS de React y como funcionan.
Pasando props básicos entre componentes8:55
Pasaremos props básicos de una componente a otro para crear componentes reutilizables.
Pasando variables y objetos entre componentes por los props6:07
Pasaremos variables y objetos por los props de nuestros componentes.
Pasando funciones entre componente por los props6:30
Vamos a aprender como podemos pasar funciones completas entre componentes usando los props de React JS.
El uso de la Asignación por Destructuring4:17
Veremos que es la asignación por destructuring y como no puede ayudar con el manejo de props.
Props por defecto2:11
Podemos definir en nuestros componentes props por defecto en el caso de que no le pasemos ninguno.
Template Strings3:15
Veremos que el Template Strings y como nos puede ayudar a mostrar las variables en los componentes.
Hook de estado - useState8:37
Veremos el uso del hook de estado useState de React.
Hook de efecto - useEffect5:10
Veremos el uso del hook de efecto useEffect de React.

Comprobando si el usuario esta logeado9:07
Quitando Warning de Firebase2:19
LoadingModal14:00
Screen usuario no logeado12:58
Cambio entre Registro y Login de usuario10:45
Formulario de registro12:43
KeyboardAwareScrollView2:50
Controlando datos del formulario8:23
Validando datos del formulario6:54
Mostrando y ocultando contraseñas3:27
Logica para registrar usuario10:36
Formulario de login11:12
Mostrando y ocultando contraseña2:54
Controlando y validando datos del login7:21
Logica para iniciar sesion3:30

Estructura cambio de avatar12:06
Botón para cerrar sesión5:23
Abriendo galeria de imágenes6:27
Subiendo imagen a firebase6:05
Loading en la subida del avatar4:57
Actualizando avatar en el usuario4:18
Opciones del usuario10:15
Abrir modal al hacer click en el menu11:47
Formulario cambio de nombre y apellidos6:34
Controlando y validando formulario displayname5:47
Logica para cambiar displayname3:47
Actualizar datos en tiempo real4:35
Formulario cambiar email9:55
Validando y controlando formulario cambio email5:40
Cambiando email5:36
Formulario cambio de password8:42
Validando y controlando formulario cambio contraseña7:26
Cambiando contraseña5:50

Botón para ir al formulario de creación9:12
Formulario creación restaurantes6:31
Controlando y validando formulario10:58
Botón para abrir el modal del mapa6:42
Obteniendo la localización del usuario8:11
Mostrar el mapa con la localización del usuario7:01
Guardar la localización del restaurante en el estado del formulario8:26
Estado de la localización2:37
Abriendo galeria de imágenes8:30
Subir las imágenes a firebase8:58
Guardar las imágenes en el estado del formulario11:25
Mostrando las imágenes subidas3:45
Scroll horizontal en las imagenes2:33
Eliminar imagen subida5:31
Imagen principal9:13
Creación del restaurante11:32

Requirements

Conocimientos mínimos de Html
Conocimientos de Javascript y del ES6
Ganas de crear App movil con React Native

Description

Gracias a este curso aprenderás desde los conceptos básicos de React Native, hasta lo más avanzados para crear una APP completa desde cero como la de TripAdvisor.

Una vez terminado el curso serás capaz de crear cualquier tipo de aplicación móvil conectada a una base de datos sin necesidad de ayuda.

Aprenderemos desde las bases de React Native al uso de elementos nativos del móvil, como puede ser la cámara o el sistema de ficheros de fotos.

Gracias al uso de Expo con React Native aprenderemos a configurar los elementos nativos del dispositivo de una manera muy fácil.

Seras capaz de desarrollar cualquier aplicación móvil para Android y iOS
Aprenderás a desarrollar el sistema de navegación como un SideMenu, BottomMenu, entre otros componentes
Aprenderás a usar el sistema React Native para crear App
Conocerás Expo, todas sus herramientas y beneficios
Aprenderás a configurar y usar Firebase y Firestore para cualquier tipo de proyecto
Manejaremos distintos tipos de autenticación en tiempo real con Firebase
Virtualización un Sistema Android y iOS para hacer Debug
Utilizaremos la Geolocalización y los mapas de Apple Maps y Google Maps
Creación autenticaciones con Email, Facebook, etc...
Aprenderás a controlar los datos que fluyen por React Native entre componentes
Crearemos componentes para reutilizarlos en la aplicación
Aprenderás a usar React Navigation 5, sus Hooks y mucho más...
Crearás formularios completamente personalizados
Aprenderás a crear el sistema de Infinity Scroll
Aprenderás a crear un sistema de búsqueda de restaurantes
Aprenderás a crear un sistema de Favoritos con su propio listado
Añadiremos un Preloader para mostrarlos mientras cargan los componentes
Creación de Toasts compatibles con Android y iOS
Aprenderás a crear un sistema de rankings de restaurantes
Aprenderás a crear un sistema de votaciones y reviews sobre los restaurantes
Usaremos elementos interno del dispositivo como puede ser la Cámara, Galería, Geolocalización, etc...
Aprenderás a crear un sistema de login y registro de usuarios completo
Aprenderás a usar React Native Elements.
Generar .APK y .IPA

Lo mejor de todo, es que este curso no acaba aquí, va a tener continuas actualizaciones para ir mejorando la aplicación cada vez mucho más.

Who this course is for:

Desarrolladores Web
Programadores de aplicaciones móviles
Programadores de JavaScript
Programadores Frontend

React Native Expo: Creando un TripAdvisor de Restaurantes

What you'll learn

Explore related topics

Course content

Introducción4 lectures • 12min

Preparación del entorno de desarrollo8 lectures • 44min

Conceptos básicos de React15 lectures • 1hr 21min

Iniciando App6 lectures • 27min

Sistema de Navegación6 lectures • 1hr 2min

Configurando Firebase2 lectures • 9min

Sistema de Autenticación15 lectures • 1hr 59min

Panel de usuario18 lectures • 2hr 5min

Creación de restaurantes16 lectures • 2hr 1min

Lista de restaurantes4 lectures • 28min

Requirements

Description

Who this course is for: