midudev
Registro de usuario con Formik, React.createPortal y gestión de favoritos en nuestra app de ReactJS
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.318 visualizaciones
En esta clase vamos a ver cómo podemos registrar usuarios utilizando nuestra API de Deno. Para crear el formulario vamos a usar Formik. Además le daremos un estilo visual mejor y, para ello, vamos a aprender a usar el método createPortal, para renderizar componentes en cualquier parte de nuestro DOM.
También haremos que podamos borrar favoritos y listaremos los favoritos del usuario en una página.
#reactjs #claseReactJs #LoginEnReact #createPortal
~Segmentos 📹~
00:00 - Presentación de la clase
05:35 - Extrayendo componente Login para reusar en una modal
13:00 - Creando el componente Modal
18:00 - Preguntas del chat I
24:10 - Estilando la Modal con CSS
27:00 - Problemas de zIndex con modales en React
32:53 - Usando React.createPortal para solucionar problemas con modales
39:07 - Preguntas del chat II
48:22 - Introducción a Formik
53:40 - Creando la página Register en React
57:15 - Usando Formik
01:04:25 - Usando la prop isSubmitting de Formik
01:07:14 - Tratando errores con Formik
-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
https://www.youtube.com/watch?v=8ZA2p1SBssk
-~-~~-~~~-~~-~-
También haremos que podamos borrar favoritos y listaremos los favoritos del usuario en una página.
#reactjs #claseReactJs #LoginEnReact #createPortal
~Segmentos 📹~
00:00 - Presentación de la clase
05:35 - Extrayendo componente Login para reusar en una modal
13:00 - Creando el componente Modal
18:00 - Preguntas del chat I
24:10 - Estilando la Modal con CSS
27:00 - Problemas de zIndex con modales en React
32:53 - Usando React.createPortal para solucionar problemas con modales
39:07 - Preguntas del chat II
48:22 - Introducción a Formik
53:40 - Creando la página Register en React
57:15 - Usando Formik
01:04:25 - Usando la prop isSubmitting de Formik
01:07:14 - Tratando errores con Formik
-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
https://www.youtube.com/watch?v=8ZA2p1SBssk
-~-~~-~~~-~~-~-