Registro de usuario con Formik, React.createPortal y gestión de favoritos en nuestra app de ReactJS
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
Contenido del curso
1
Curso REACT JS - Aprende desde CERO Componentes, State, JSX (Tutorial Desde Cero en Español)
2
Crea una app con React usando create-react-app
3
Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS
4
Lazy Load, Suspense y paginación con React
5
CSS Grid, Infinite Scroll y Tests en nuestra app de React