Curso de React desde cero: Crea un videojuego y una aplicación para aprender useState y useEffect

198,763
0
Published 2023-04-06
¡Aprende a usar useState y useEffect desarrollando el videojuego de 3 en raya!

Repositorio con código: github.com/midudev/aprendiendo-react
Clase anterior:    • CURSO REACT 2024 - Aprende desde cero  

Segmentos del vídeo
00:00 - Introducción
00:30 - Inicialización del proyecto
03:45 - Sobre los estilos del proyecto
06:18 - Dibujando el tablero
11:00 - Inicializar el estado
13:50 - Estado con los turnos
16:10 - Actualizando el tablero al hacer click
18:00 - Lógica del tablero
23:00 - Ajustando el final del juego
27:00 - Detectar el ganador
35:35 - El estado es asíncrono
41:09 - Cómo crear el reset del juego
46:35 - Lanzar confetti cuando gane la partida
53:30 - Buenas prácticas separación de constante
54:55 - Persistir la partida en localStorage
01:05:16 - No puedes usar localStorage en el servidor
01:07:20 - Aprende el hook useEffect
01:16:40 - Configurar linter para monorepo
01:21:52 - Creamos el segundo proyecto y aprendemos useEffect
01:32:23 - Limpiando efectos
01:41:19 - ¿Por qué se ejecuta dos veces el efecto?
01:44:10 - React Developer Tools


▶ No te pierdas más directos en: www.twitch.tv/midudev

All Comments (21)
  • @takaherrero6365
    Midu, sos un verdadero crack. No se que estaras haciendo ahora de tu vida pero se nota que programar y enseñar es lo tuyo. Un gusto haber clickeado tu video
  • @majestics271
    Tercera vez que veo el video... Cada vez aprendo mas y mas. Gracias Midu por todo el aporte. Aunque me resulte muy difícil voy a seguir practicando
  • @kerneldiego
    Es increíble que siempre aprendo algo nuevo, me llevo siempre buenas prácticas y tips que te abren la cabeza en tus videos.
  • @justin.script
    Gracias midu por hacer todo esto gratis, cada que veo tus videos aprendo algo nuevo y me motivas aun más.
  • @pepe7pw177
    Woow qué manera de explicar y dominio de tema. Dios te bendiga. Sigue así Midu. Saludos.
  • Midulive de verdad que es un placer disfrutar tus videos, son geniales y das un gran aporte a la comunidad, me has motivado mucho a seguir aprendiendo y tu manera de enseñar simplemente estupenda. Grande Crack 💻
  • @jesusvelasco4893
    Cada segundo de este video vale oro. He aprendido muchas buenas prácticas GRACIAS MIDU!
  • @DAVIDIL81
    Me recuerdas a esos que resuelven el cubo de Rubick en 6 segundos y a mi me lleva una semana... Qué rapidez!!! (y yo qué lento) Gracias por los cursos...
  • Estoy muy agradecido por el curso, se que aprenderé mucho acá, pero por lo pronto siento que necesito aprender lo básico de react ya que esta sesión me esta costando un poco entenderla, pero volveré pronto
  • @Alector666
    sos el mejor profesor que existe en youtube, valen oro tus cursos
  • En colombia le llamamos triki midu, me encanta tu contenido esta super genial! de verdad siento que contigo se hace fácil aprender
  • Ya lo tengo en mi lista de videos que debo ver bien con calmita jejeje. Me fascina! Se que aprenderé mucho así como aprendí con el otro.
  • @Eleqful
    Eres increible Midu, millones de gracias siempre por todo el trabajo que haces por la comunidad y por compartir este gran conocimiento!!
  • @alexx855
    siempre me llevo algo nuevo de tus videos midu, sos crack gracias!
  • @msettecasse
    Excelente todos tus cursos! viendo la capacidad que tienes como desarrollador esperare con ansias algun dia algun curso de react.js explicando cada detalle de como funcionan las cosas por adentro. Alguna clase magistral explicando que pasa en cada cosa under the hook! Saludos y gracias por todo!
  • @diegonaranjo1874
    bro sos un crack la verdad, ojala llehgar a ser algun dia como vos, solo que no expliques todo tan rapido, se que hay personas que son muy cracks como vos, pero tambien hay juniors como yo que apenas andan aprendiendo react y que vayas tan rapido se dificulta un poco, pero igual seguis siendo un puto crack <3 buenas vibras bro
  • @d-landjs
    Que excelente segunda parte de React maestro !!!!
  • @tomas6909
    Impresionante tu contenido midu!!! Gracias por compartir
  • @thismadev
    Deseando tener todas las clases disponibles del curso!!!!