¿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

  • @jehufrayle
    @jehufrayle Жыл бұрын

    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

    @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

    @jehufrayle

    Жыл бұрын

    @@ConociendoConAlejo Me pasó exactamente lo mismo. Tuve que desactivarlo porque el API que consultaba me bloqueaba automáticamente las peticiones.

  • @RobertoGarcia-uc7mf

    @RobertoGarcia-uc7mf

    Жыл бұрын

    jajaja si nos quedamos con la duda, muchas gracias por la aclaración bro.

  • @moisesmunozsanchez8402

    @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

    @alexanderherreramillet87

    11 ай бұрын

    Muchisimas gracias, si me habia quedado con la duda jajaja Saludos

  • @invitado36
    @invitado36 Жыл бұрын

    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.

  • @maicolavila5464
    @maicolavila5464 Жыл бұрын

    Mira chavito, este men es uno de los GOD

  • @midulive

    @midulive

    Жыл бұрын

    Gracias Maicol 🤗

  • @paul.vasquez
    @paul.vasquez Жыл бұрын

    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

  • @joseruiz-herrerahernandez9496
    @joseruiz-herrerahernandez94963 ай бұрын

    Qué manera de explicar. Si no tuviera ningún conocimiento de programación igual te entendía. Gracias.

  • @jDelestal94
    @jDelestal946 ай бұрын

    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

  • @osnaiderpalominopalomino2428
    @osnaiderpalominopalomino24288 ай бұрын

    gracias @midulive me sacastes de un bucle mental en 10 minutos de explicación. Gracias!!

  • @diegovanegas780
    @diegovanegas780 Жыл бұрын

    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 🤟🏻🤟🏻⚡⚡

  • @user-ex1ty9sz7o
    @user-ex1ty9sz7o4 ай бұрын

    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

  • @juansalazar7037
    @juansalazar703710 ай бұрын

    No se puede ser más claro que esto 👌🏻

  • @ezequiellp90
    @ezequiellp906 ай бұрын

    Mas claro imposible crack, gracias!

  • @PabloInfanteP
    @PabloInfanteP Жыл бұрын

    LLevo siglos esperando un video explicando cada hook por parte del midu, ya era hora!

  • @tincho6642
    @tincho6642Ай бұрын

    Que bien que explicas. Eres un crack. Gracias

  • @martinalejandroarganaraz4295
    @martinalejandroarganaraz4295 Жыл бұрын

    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

  • @matimont10
    @matimont104 ай бұрын

    Este tipo explica muy bien las cosas

  • @EduardCamiloOrtegaSanchez
    @EduardCamiloOrtegaSanchez Жыл бұрын

    Gracias por tus videos

  • @christopherreyes3217
    @christopherreyes3217 Жыл бұрын

    Gracias midu, un crack

  • @aguss3163
    @aguss316310 ай бұрын

    Gracias, te quiero

  • @alejandroszg
    @alejandroszg9 ай бұрын

    Midu, leyenda, qué buena manera de explicar! Gracias.

  • @midulive

    @midulive

    9 ай бұрын

    Gracias!!! 🤩

  • @BryndCraft
    @BryndCraft Жыл бұрын

    No logro entender como tienes menos de 100k de Subs si tu contenido es bestial, muchas gracias por los videos ❤

  • @Ross-ws3vq
    @Ross-ws3vq Жыл бұрын

    Crack midu, saludos desde la habana Cuba!

  • @dominguezestefania6995
    @dominguezestefania69956 ай бұрын

    Excelente explicación! Es bastante abstracto hooks pero con tu video quedó clarísimo! Gracias!!!🎉

  • @midulive

    @midulive

    6 ай бұрын

    Hola, muchas gracias

  • @artificemm
    @artificemm Жыл бұрын

    Que bien quedó este video quitando el chat de Twitch. Gracias por tu esfuerzo Midu, gran trabajo.

  • @Elbaulforex
    @Elbaulforex Жыл бұрын

    excelente video,!!, me gustaria q hicieras un video explicando como relacionar las bases de datos con mongo, no se encuentra mucho video en espaniol

  • @Mike-jq7os
    @Mike-jq7os Жыл бұрын

    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.

  • @Elias-zn6og
    @Elias-zn6og Жыл бұрын

    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í?

  • @Munoz-in1ew
    @Munoz-in1ew Жыл бұрын

    siempre vuelvo a este video para repasar los conceptos, siempre se me olvidan jejeje

  • @oh-vito
    @oh-vito Жыл бұрын

    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.

  • @almusic5869
    @almusic5869 Жыл бұрын

    Como hiciste esa animacion de papelidos de colores cuando ganas la partida?

  • @sandyproduction03
    @sandyproduction03Ай бұрын

    Que herramienta usas para aumentar la sección en el minuto 5:27?

  • @eduardogutierrez1583
    @eduardogutierrez1583Ай бұрын

    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

    @midulive

    Ай бұрын

    cursoreact.dev

  • @eduardogutierrez1583

    @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

  • @alejandroch1202
    @alejandroch1202 Жыл бұрын

    ¿Cuál es el vídeo en que explica el useState?

  • @chibolo1187

    @chibolo1187

    Жыл бұрын

    Yo TMB lo busco pasenn

  • @jahbless8244
    @jahbless8244 Жыл бұрын

    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_

    @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.

  • @garyjo3229
    @garyjo32296 ай бұрын

    Compa gx el siguiente video de este, donde esta?

  • @angelbelaunde9704
    @angelbelaunde9704 Жыл бұрын

    useEffect es similar a los observables y si no es asi hay forma de implementar observables en react

  • @RiuModsyue-rf8qg
    @RiuModsyue-rf8qg8 ай бұрын

    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

  • @EdgarSanchez-qg7tb
    @EdgarSanchez-qg7tb Жыл бұрын

    ¿Cómo se llama la extensión en VS Code para los íconos en los archivos?

  • @RodanEpicFail

    @RodanEpicFail

    Жыл бұрын

    meterial icons, creo. pero en hace poco midu subio un video de sus extensiones, ta weno

  • @EdgarSanchez-qg7tb

    @EdgarSanchez-qg7tb

    Жыл бұрын

    @@RodanEpicFail Ya la encontré, si estaba en ese video que comentas y la extensión se llama: Symbols Gracias!

  • @andresflg
    @andresflg Жыл бұрын

    No entiendo, otra vez esta subiendo los videos del curso de react?

  • @midulive

    @midulive

    Жыл бұрын

    Estamos subiendo partes del curso, son vídeos más cortos de temas en concreto.

  • @claudio24sn

    @claudio24sn

    7 ай бұрын

    Hola, cuál sería el vídeo que le sigue?

  • @ezequielkozlov788
    @ezequielkozlov7888 ай бұрын

    muy buena la explicacion pero no menciono porque se ejecuta dos veces, me quede en esa duda

  • @gamuro6977
    @gamuro6977 Жыл бұрын

    por que cortaste una parte tan importante?

  • @bernethe
    @bernethe Жыл бұрын

    Y no dijo porque al inicio el console log sale 2 veces

  • @midulive

    @midulive

    Жыл бұрын

    Por usar el StrictMode de React, que en modo desarrollo hace que se ejecute dos veces el useEffect.

  • @matiassebastianrueda8717
    @matiassebastianrueda8717 Жыл бұрын

    midu se escuchan re bajos los videos

  • @zerteruz
    @zerteruz Жыл бұрын

    No entendí la explicación del primer minuto 😂

  • @jdario25
    @jdario25 Жыл бұрын

    Trato en lo mas minimo usar useEffect, odio ese hook.

  • @midulive

    @midulive

    Жыл бұрын

    Pero lo poco que lo uses, está bien que lo entiendas

  • @rafaelrafael4843

    @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

Келесі