TUTORIAL REACT JS desde cero | Crea una aplicación paso a paso | React Query, Zustand, Wouter.
En este tutorial de React JS desde cero te guiaré paso a paso en la creación de una aplicación de reservas de Hotel, utilizando React junto con algunas de las librerías más populares y potentes del ecosistema: React/TanStack Query, Zustand, Wouter, React Hooks Forms, React Hot Toast y Material UI. 🚀
Aprenderás:
- Cómo configurar un proyecto React JS desde cero.
- Integración y uso de React/TanStack Query para gestionar consultas y mutaciones.
- Estado global con Zustand.
- Navegación con Wouter.
- Formularios con React Hooks Forms.
- Notificaciones con React Hot Toast.
- Diseño y estilos con Material UI.
Este tutorial es perfecto tanto para principiantes que buscan un "react js tutorial" detallado, como para desarrolladores experimentados que desean ampliar sus conocimientos y aprender sobre nuevas librerías.
No necesitas descargar nada previamente, te mostraré cómo hacerlo todo desde el principio.
¡Así que prepara tu entorno de desarrollo y acompáñame en este emocionante viaje por el mundo de React JS!
Repositorio con el código del proyecto:
https://github.com/carlosazaustre/hotel-reservation-app
⏱️ Contenido del vídeo
00:00 Introducción
00:42 Descripción de la Aplicación
01:54 Herramientas Utilizadas
03:08 Creación del Proyecto
07:40 Configurando Dependencias
08:40 Estructura de Carpeta
10:30 Ejecutando la Aplicación
12:19 Creando el Listado de Hoteles
13:56 Creación de Servidor Falso
18:58 Creación de Vista Detallada de Hotel
23:00 Creando el Formulario de Reserva
26:14 Creando Notificaciones
28:38 Añadiendo la Funcionalidad de Reserva
31:54 Resumen y Cierre
Otros vídeos sobre React que pueden interesarte:
RESUELVO UNA PRUEBA TECNICA CON REACT, PARA JUNIORS
https://youtu.be/2Lmz87uYBsw
REACT JS: CURSO PRÁCTICO DESDE CERO
https://youtu.be/4AFOCAgywLc
APRENDE REACT JS BASICO EN 30 MINUTOS
https://youtu.be/EMk6nom1aS4
LO QUE NECESITAS SABER DE JAVASCRIPT ANTES DE EMPEZAR CON REACT
https://youtu.be/sKsNO-quEAw
5 CONCEPTOS DE REACT JS AVANZADOS
https://youtu.be/HsRn_DgJ7vU
CÓMO CONSUMIR APIs EN REACT
https://youtu.be/6u1RHUoXIPI
🎬 Vídeo editado por https://vixtamedia.com
___
Apoya el contenido este canal siendo MIEMBRO
► https://youtube.com/carlosazaustre/join
Únete a la COMUNIDAD de PROGRAMACIÓN y DESARROLLO WEB del canal
Contenido del curso
1
REACT CURSO Práctico DESDE CERO - Desarrolla una app con React.js PASO A PASO
2
Cómo usar REACT ROUTER [] | Curso React.js Práctico DESDE CERO - Clase
3
APRENDE REACT BÁSICO en MINUTOS - Tutorial de React.js Desde Cero
4
ESTE ES EL JAVASCRIPT QUE NECESITAS PARA APRENDER REACT
5
ReactJS: Resuelvo PRUEBA TÉCNICA para PROGRAMADOR JUNIOR