¿Qué es y cómo funciona useEffect? Hooks de React

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 71

  • @jehufrayle
    @jehufrayle Год назад +166

    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 Год назад +20

      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 Год назад +5

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

    • @RobertoGarcia-uc7mf
      @RobertoGarcia-uc7mf Год назад +2

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

    • @moisesmunozsanchez8402
      @moisesmunozsanchez8402 Год назад +1

      ​@@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 Год назад

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

  • @invitado36
    @invitado36 Год назад +54

    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 Год назад +42

    Mira chavito, este men es uno de los GOD

    • @midulive
      @midulive  Год назад +5

      Gracias Maicol 🤗

  • @paul.vasquez
    @paul.vasquez Год назад +11

    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-herrerahernandez9496 8 месяцев назад +2

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

  • @osnaiderpalominopalomino2428
    @osnaiderpalominopalomino2428 Год назад +1

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

  • @dominguezestefania6995
    @dominguezestefania6995 11 месяцев назад +1

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

    • @midulive
      @midulive  11 месяцев назад +1

      Hola, muchas gracias

  • @diegovanegas780
    @diegovanegas780 Год назад +1

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

  • @juansalazar7037
    @juansalazar7037 Год назад +1

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

  • @alejandroszg
    @alejandroszg Год назад +1

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

  • @matimont10
    @matimont10 9 месяцев назад +1

    Este tipo explica muy bien las cosas

  • @PabloInfanteP
    @PabloInfanteP Год назад

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

  • @NeoxHBG
    @NeoxHBG Месяц назад

    nada que ver este comentario, pero este video es solo de un año a la fecha y tu cambio fisico es increible, orgulloso de ti midu

  • @ezequiellp90
    @ezequiellp90 11 месяцев назад

    Mas claro imposible crack, gracias!

  • @artificemm
    @artificemm Год назад

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

  • @Ross-ws3vq
    @Ross-ws3vq Год назад +1

    Crack midu, saludos desde la habana Cuba!

  • @JasonHawkins-p8q
    @JasonHawkins-p8q 9 месяцев назад +1

    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

  • @tincho6642
    @tincho6642 6 месяцев назад

    Que bien que explicas. Eres un crack. Gracias

  • @christopherreyes3217
    @christopherreyes3217 Год назад

    Gracias midu, un crack

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

  • @BryndCraft
    @BryndCraft Год назад

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

  • @aguss3163
    @aguss3163 Год назад +1

    Gracias, te quiero

  • @aaronr244G
    @aaronr244G 5 месяцев назад +1

    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

  • @EduardCamiloOrtegaSanchez
    @EduardCamiloOrtegaSanchez Год назад

    Gracias por tus videos

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

  • @sandyproduction03
    @sandyproduction03 7 месяцев назад

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

  • @Munoz-in1ew
    @Munoz-in1ew Год назад

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

  • @alejandroch1202
    @alejandroch1202 Год назад +2

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

  • @eduardogutierrez1583
    @eduardogutierrez1583 6 месяцев назад

    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  6 месяцев назад

      cursoreact.dev

    • @eduardogutierrez1583
      @eduardogutierrez1583 6 месяцев назад

      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

  • @jhonfsernaa
    @jhonfsernaa 3 месяца назад

    Midu o alguien que sepa de ello ¿Cuál es la extensión en Visual para ver la tipografía de Visual y sus colores en el código así como se ve en pantalla? Gracias.

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

  • @alvaroriquelme9538
    @alvaroriquelme9538 3 месяца назад

    Hola! Alguien me podria dar el link de donde comienza esta serie de videos para ir entendiendo y ejecutando la aplicacion desde el comienzo

  • @garyjo3229
    @garyjo3229 11 месяцев назад

    Compa gx el siguiente video de este, donde esta?

  • @almusic5869
    @almusic5869 Год назад

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

  • @jahbless8244
    @jahbless8244 Год назад +1

    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_ Год назад +1

      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.

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

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

  • @sabrinatecherasosa
    @sabrinatecherasosa 3 месяца назад +5

    Espero no te canses nunca de enseñar

  • @EdgarSanchez-qg7tb
    @EdgarSanchez-qg7tb Год назад +1

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

    • @RodanEpicFail
      @RodanEpicFail Год назад +1

      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!

  • @RiuModsyue-rf8qg
    @RiuModsyue-rf8qg Год назад

    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

  • @andresflg
    @andresflg Год назад

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

    • @midulive
      @midulive  Год назад +4

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

    • @claudio24sn
      @claudio24sn Год назад

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

  • @angelbelaunde9704
    @angelbelaunde9704 Год назад

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

  • @bernethe
    @bernethe Год назад +1

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

    • @midulive
      @midulive  Год назад +4

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

  • @ezequielkozlov788
    @ezequielkozlov788 Год назад

    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?

  • @matiassebastianrueda8717
    @matiassebastianrueda8717 Год назад +1

    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  Год назад +1

      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