¿Qué es y cómo funciona useEffect? Hooks de React
HTML-код
- Опубликовано: 29 май 2023
- ¡Te explico useEffect para que lo entiendas de una vez por todas!
A mucha gente le cuesta entender del todo este hook. ¡Esta vez va a ser diferente! Te lo explico paso a paso y desde cero, para que lo captes sin problemas.
▶ No te pierdas más directos en: / midudev 
Наука
5:22
Por si alguno se quedó con la duda de por qué se ejecuta dos veces al inicio, es el por que, dicho rápido y mal, hace unos chequeos y renderiza dos veces al aplicación. Este strict mode luego se remueve para producción así que no genera problemas.
Lo del StrictMode lo aprendí a las malas hace un par de semanas, me estaba volviendo loco el hecho de lanzar 2 fetch consecutivos cuando todo lo había hecho correctamente XD
@@ConociendoConAlejo Me pasó exactamente lo mismo. Tuve que desactivarlo porque el API que consultaba me bloqueaba automáticamente las peticiones.
jajaja si nos quedamos con la duda, muchas gracias por la aclaración bro.
@@jehufrayleosea que este StrictMode casi que es necesario desactivarlo en caso de estar creando una aplicación que consuma api o el hook useEffext ?
Muchisimas gracias, si me habia quedado con la duda jajaja Saludos
Sería genial un vídeo así por cada hook.
Son de muchísima ayuda, en especial cuando se explica algo en específico sin mezclar tantos conceptos al mismo tiempo.
Considero mejores estos vídeos así.
Muchas gracias.
Mira chavito, este men es uno de los GOD
Gracias Maicol 🤗
La mejor explicación de todos los tiempos, ojalá pudieras explicar así cada uno de los hooks y de manera sencilla
una joya este video
Qué manera de explicar. Si no tuviera ningún conocimiento de programación igual te entendía. Gracias.
Hola midu, despues de darle al back con express y hacer varios proyectos, me empezé a volcar a react, pense que no me iba a interesar por que me gusta el back , pero la verdad se ve alucinante. gracias por tu dedicacion , saludos
Lees la mente midu, paso a la clase de crear el carrito de compras, pero antes estoy repasando conceptos vistos hasta el momento y el porque de algunas cosas. Estaba profundizando justo en useEffect. nunca será suficiente agradecerte por todo lo que llevas haciendo en la comunidad 🤟🏻🤟🏻⚡⚡
gracias @midulive me sacastes de un bucle mental en 10 minutos de explicación. Gracias!!
LLevo siglos esperando un video explicando cada hook por parte del midu, ya era hora!
Gracias midu, un crack
buen video midu... este hook me costo aprenderlo al principio y en que momento usarlo y cosas asi... pero despues lei por ahi que efectivamente es el que mas cuesta cuando comenzas
No se puede ser más claro que esto 👌🏻
Mas claro imposible crack, gracias!
Excelente, en mi caso le puse como dependencia la variable del usestate y se ha quedado en un bucle de consumo a un api XD, gracias @midulive
Que bien que explicas. Eres un crack. Gracias
Crack midu, saludos desde la habana Cuba!
No logro entender como tienes menos de 100k de Subs si tu contenido es bestial, muchas gracias por los videos ❤
Midu, leyenda, qué buena manera de explicar! Gracias.
Gracias!!! 🤩
Gracias por tus videos
Este tipo explica muy bien las cosas
Excelente explicación! Es bastante abstracto hooks pero con tu video quedó clarísimo! Gracias!!!🎉
Hola, muchas gracias
Gracias, te quiero
Que bien quedó este video quitando el chat de Twitch. Gracias por tu esfuerzo Midu, gran trabajo.
excelente video,!!, me gustaria q hicieras un video explicando como relacionar las bases de datos con mongo, no se encuentra mucho video en espaniol
Y por que hay veces que el eslint me dice que tengo que poner funciones en el array de dependencias o algun ref.current?
Como [setState, ref.curent, handleDothis]
¿Como funciona ahí?
Midu como puedo convertir el array de dependencias en una condición lógica AND porque de manera predeterminada es una condición lógica OR.
Como hiciste esa animacion de papelidos de colores cuando ganas la partida?
Que herramienta usas para aumentar la sección en el minuto 5:27?
siempre vuelvo a este video para repasar los conceptos, siempre se me olvidan jejeje
Midu porfavor un video sobre:
1) Una funcionalidad que se pueda lograr con o sin UseEffect.
2) Una funcionalidad que no se pueda lograr sin UseEffect.
Compa gx el siguiente video de este, donde esta?
Donde esta el curso completo ? me gustaria ver el youtube de useState y continuar con el final de useEffect. Tambien si hay otras explicaciones tan buenas de otros hooks.
cursoreact.dev
hostis pues ya he visto otros videos tuyos y no lo encuentro...veo.como explicas useeffecy pero con twitter....y el.toc tac toe pero esta explicacion no la veo...puedes poner link exacto? gracias
¿Cómo se llama la extensión en VS Code para los íconos en los archivos?
meterial icons, creo. pero en hace poco midu subio un video de sus extensiones, ta weno
@@RodanEpicFail Ya la encontré, si estaba en ese video que comentas y la extensión se llama: Symbols
Gracias!
¿Cuál es el vídeo en que explica el useState?
Yo TMB lo busco pasenn
Expliquen para que sirve el hook 🤔🥴ya que por ahí ví que usan eso para hack de juegos en Android montado en emulador así que quiero saber si con esto puedo hacer eso o no o tiene función para otras cosas que no tiene nada que ver con modificaciones
midu estoy leyendo un libro sobre react y voy en este tema, termine confundido de algo tan simple porque con tan solo en cuanto dijiste cada vez que cambie la dependencia quiero que ejecutes este codigo, y pues quede de no mames cada vez que cambia se ejecuta el argumento 1 ya que las dependencia son el segundo argumento de useEffect y fue como de madres, a veces en los libros quieres explicar de maneras muy abundantes que tan solo con algo tan simple me hiciste reaccionar de lo confundido que estaba
hay algo que no entiendo y es lo siguiente:
he visto algunas librerias que en el codigo recomendado hacen return de la funcion que ejecuta el codigo, por ejemplo:
useEffect(() => {
const subscriber = firestore()
.collection('Users')
.doc(userId)
.onSnapshot(documentSnapshot => {
console.log('User data: ', documentSnapshot.data());
});
return () => subscriber();
}, [userId]);
Si puedes explicarlo estaria agradecido.
Estimado, creo que esto tiene que ver con "una limpieza" luego de la ejecución. Por ejemplo: si en el hook te suscribís a algo, y al finalizar, querés finalizar esa suscripción.
No entiendo, otra vez esta subiendo los videos del curso de react?
Estamos subiendo partes del curso, son vídeos más cortos de temas en concreto.
Hola, cuál sería el vídeo que le sigue?
useEffect es similar a los observables y si no es asi hay forma de implementar observables en react
Y no dijo porque al inicio el console log sale 2 veces
Por usar el StrictMode de React, que en modo desarrollo hace que se ejecute dos veces el useEffect.
por que cortaste una parte tan importante?
midu se escuchan re bajos los videos
muy buena la explicacion pero no menciono porque se ejecuta dos veces, me quede en esa duda
No entendí la explicación del primer minuto 😂
Trato en lo mas minimo usar useEffect, odio ese hook.
Pero lo poco que lo uses, está bien que lo entiendas
Yo también lo odio por que siento que no lo puedo controlar, pero como dice el amigo Midudev pues hay que entenderlo cuando se tiene que usar