¿Qué es y cómo funciona useEffect? Hooks de React
Ғылым және технология
¡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
Пікірлер: 69
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.
@ConociendoConAlejo
Жыл бұрын
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
@jehufrayle
Жыл бұрын
@@ConociendoConAlejo Me pasó exactamente lo mismo. Tuve que desactivarlo porque el API que consultaba me bloqueaba automáticamente las peticiones.
@RobertoGarcia-uc7mf
Жыл бұрын
jajaja si nos quedamos con la duda, muchas gracias por la aclaración bro.
@moisesmunozsanchez8402
Жыл бұрын
@@jehufrayleosea que este StrictMode casi que es necesario desactivarlo en caso de estar creando una aplicación que consuma api o el hook useEffext ?
@alexanderherreramillet87
11 ай бұрын
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
@midulive
Жыл бұрын
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
gracias @midulive me sacastes de un bucle mental en 10 minutos de explicación. Gracias!!
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 🤟🏻🤟🏻⚡⚡
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
No se puede ser más claro que esto 👌🏻
Mas claro imposible crack, gracias!
LLevo siglos esperando un video explicando cada hook por parte del midu, ya era hora!
Que bien que explicas. Eres un crack. Gracias
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
Este tipo explica muy bien las cosas
Gracias por tus videos
Gracias midu, un crack
Gracias, te quiero
Midu, leyenda, qué buena manera de explicar! Gracias.
@midulive
9 ай бұрын
Gracias!!! 🤩
No logro entender como tienes menos de 100k de Subs si tu contenido es bestial, muchas gracias por los videos ❤
Crack midu, saludos desde la habana Cuba!
Excelente explicación! Es bastante abstracto hooks pero con tu video quedó clarísimo! Gracias!!!🎉
@midulive
6 ай бұрын
Hola, muchas gracias
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
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.
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í?
siempre vuelvo a este video para repasar los conceptos, siempre se me olvidan jejeje
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?
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.
@midulive
Ай бұрын
cursoreact.dev
@eduardogutierrez1583
Ай бұрын
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
¿Cuál es el vídeo en que explica el useState?
@chibolo1187
Жыл бұрын
Yo TMB lo busco pasenn
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.
@alister_
10 ай бұрын
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.
Compa gx el siguiente video de este, donde esta?
useEffect es similar a los observables y si no es asi hay forma de implementar observables en react
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
¿Cómo se llama la extensión en VS Code para los íconos en los archivos?
@RodanEpicFail
Жыл бұрын
meterial icons, creo. pero en hace poco midu subio un video de sus extensiones, ta weno
@EdgarSanchez-qg7tb
Жыл бұрын
@@RodanEpicFail Ya la encontré, si estaba en ese video que comentas y la extensión se llama: Symbols Gracias!
No entiendo, otra vez esta subiendo los videos del curso de react?
@midulive
Жыл бұрын
Estamos subiendo partes del curso, son vídeos más cortos de temas en concreto.
@claudio24sn
7 ай бұрын
Hola, cuál sería el vídeo que le sigue?
muy buena la explicacion pero no menciono porque se ejecuta dos veces, me quede en esa duda
por que cortaste una parte tan importante?
Y no dijo porque al inicio el console log sale 2 veces
@midulive
Жыл бұрын
Por usar el StrictMode de React, que en modo desarrollo hace que se ejecute dos veces el useEffect.
midu se escuchan re bajos los videos
No entendí la explicación del primer minuto 😂
Trato en lo mas minimo usar useEffect, odio ese hook.
@midulive
Жыл бұрын
Pero lo poco que lo uses, está bien que lo entiendas
@rafaelrafael4843
Жыл бұрын
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