REACT DESDE 0 [TALLER - 10] - APP COMPLETA | PARTE 1
Seguimos con la parte final de nuestro TALLER DE REACT desde CERO con el desarrollo en directo de una APP completa.
En este video creamos el proyecto inicial con Vite, añadimos las dependencias necesarias para crear nuestro proyecto, definimos las hojas de estilos y preparamos las rutas.
Te recomendamos que trabajes en un proyecto de React al mismo tiempo que ves este video! 🚀
---
Todo el código estará subido a GitHub y publicado desde nuestra cuenta: https://github.com/MiniCodeLab/instac...
Los diseños de Figma (sorry por la calidad, no sabemos de diseño 😂) los tenemos publicados aquí: https://www.figma.com/file/MiQuEZgBzT...
La herramienta para hacer esquemas que tanto mola es Excalidraw: https://excalidraw.com/
---
Os esperamos en el siguiente directo MiniCoders!
---
00:00:00 - Intro
00:01:40 - Próximos talleres y charla
00:02:54 - Sobre la API que vamos a usar
00:04:38 - Diseños sobre los que trabajaremos
00:06:48 - Vite y Bundlers 🤯
00:16:40 - Proyecto inicial creado con Vite
00:21:10 - Pasos a seguir para configurar el proyecto
00:37:00 - Configuramos Emotion en React
00:42:50 - Pasos a seguir para desarrollar la arquitectura
00:46:35 - Definimos el design system del proyecto 🎨
01:09:40 - Implementamos React Router DOM
01:19:00 - Rutas Protegidas y HOCs
01:23:00 - Contexto de Autenticación
01:28:30 - Terminamos el HOCs de ruta protegida 🔐
01:38:08 - Repaso del contexto de autenticación
01:41:00 - Variables de entorno en Vite
01:43:40 - Creamos función para registro de usuarios
01:54:50 - Comunicación CLIENT y SERVER
01:57:45 - Mejoramos el Contexto de Autenticación
02:01:05 - Creamos página Authenticate y registro de usuarios
02:09:45 - Respuestas de la API con el registro
02:13:30 - Charla con el chat y dudas 📚
02:29:50 - Esquema resumen de lo que hemos hecho hasta ahora
---
Síguenos en:
Twitch: / minicodelab
Instagram: / minicodelab
Twitter: / minicodelab
Youtube: https://www.youtube.com/channel/UCN1S...
TikTok: / minicodelab
GitHub: https://github.com/MiniCodeLab
Linkedin: / minicodelab