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

Curso React.js ⚛️ desde cero - Crea una aplicación paso a paso midudev

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