Como rayos funciona el Hook de useRef() en React

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 81

  • @FalconMasters
    @FalconMasters  3 ปีที่แล้ว +23

    Si te gusto o sirvió el video dale manita arriba y suscribete para mas tutoriales de desarrollo web ! 👍

    • @santiagoperezposada9493
      @santiagoperezposada9493 3 ปีที่แล้ว +1

      @FalconMasters
      Hola Carlos Arturo, me encantan tus cursos y tus clases, tengo tu curso de React y de Desarrollo web en UDEMY y debo decir que son excelentes pero me gustaría que hicieras un video explicando como hacer pruebas unitarias en React usando Jest o Encyme, me encantaría que abordaras este tema, sería interesante verlo a tu estilo. Saludos Profesor.

  • @williamdiaz8307
    @williamdiaz8307 ปีที่แล้ว +3

    Es una muy buena explicacion de useRef(), me sirvio mucho, gracias por el tiempo que dedicaste a construir este material

  • @job6800
    @job6800 2 ปีที่แล้ว +5

    He visto varios videos, la propia documentación de react y no entendía estos temas pero con tu video todo quedo super claro gracias por tu aporte

  • @Neutronomy
    @Neutronomy 3 ปีที่แล้ว +1

    Agradezco mucho que exista un canal como el tuyo amigo, me ha ayudado muchísimo a aprender mucho sobre programación y desarrollo web, me encanta tu canal.

  • @carlosdeavila2588
    @carlosdeavila2588 2 ปีที่แล้ว +1

    Excelente video, No lo entendí en la documentacion de react pero en tu video lo explicas de una manera que parece muy sencillo. Muchas gracias

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว

      Me alegra mucho que te sirviera!

  • @deliocoder8822
    @deliocoder8822 3 ปีที่แล้ว +2

    Muchas gracias! No lo tenía claro hasta que vi tu video hermano.

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +1

      Me alegra que fuera de ayuda!

  • @Tmaniacus007
    @Tmaniacus007 3 ปีที่แล้ว +3

    wow! qué buena explicación, había estado leyendo sobre useRef en otros lados y no lo tenía muy claro aún, Muchas gracias! 😀

  • @alisonoz7219
    @alisonoz7219 2 ปีที่แล้ว

    excelente!! muchas gracias! con este video finalmente entendi el uso de useref!

  • @roddy_21_25
    @roddy_21_25 ปีที่แล้ว

    El mejor maestro de todo TH-cam!

  • @alejandrorios6999
    @alejandrorios6999 2 ปีที่แล้ว

    Gracias bro. Nunca me decepcionan tus videos

  • @mauricioelflaco
    @mauricioelflaco 3 ปีที่แล้ว +9

    Muchas Gracias Carlos, intenté usar useRef pero me genera error al importarlo en react. Haces ver todo muy sencillo en medio de tanta complejidad. En 18 min explicaste los Hooks useState, useEffect y useRef....Todo un monstruo. Sigue adelante con tus proyectos explicando y aclarando tus temas que tienes una fanaticada ansiosa de conocer, aprender y ser un verdadero programador como TU. Bendiciones

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +2

      Muchas gracias Mauricio por esas palabras. A veces a la gente no le gustan estos videos porque son de temas que no son muy populares, pero me gusta compartir cosas que a veces a mi me costaron entender. Me alegra que te haya servido mi video!

  • @patokuacky
    @patokuacky 2 ปีที่แล้ว

    Mil gracias!!!! Ayer leí varias explicaciones y m costaba entenderlo =0 y ahorita lo entendí ssssuper bien =D

  • @JeanS.Garzon-if9ty
    @JeanS.Garzon-if9ty 3 ปีที่แล้ว +1

    ¡Muchas gracias por tu trabajo genio!

  • @AleX10zam
    @AleX10zam 3 ปีที่แล้ว +1

    Excelentemente explicado mi querido Falcon

  • @ivanstebler
    @ivanstebler 8 หลายเดือนก่อน

    Una maravilla de explicación.. Muchas gracias!!

  • @sagitario26XD
    @sagitario26XD 3 ปีที่แล้ว +1

    Clarisimo, buen trabajo explicando, agradecido!

  • @qeric9798
    @qeric9798 2 ปีที่แล้ว +1

    Gracias, muy clara la explicación.

  • @agusgiudice7844
    @agusgiudice7844 ปีที่แล้ว

    tremendo tutorial!!! vi que hace tiempo no subis contenido, espero que retomes porque son muy buenos tus videos. saludos

    • @FalconMasters
      @FalconMasters  ปีที่แล้ว +1

      Muchas gracias, muy muy pronto voy a volver con el contenido regular.

  • @OscarRuiz-ql3bt
    @OscarRuiz-ql3bt 3 ปีที่แล้ว +1

    Justo la explicación que estaba buscando, mil gracias

  • @mauricioespinosaflores6414
    @mauricioespinosaflores6414 3 ปีที่แล้ว +3

    Ese problema de "La primera vez que se renderiza" En serio es un dolor de cabeza que se ve desde proyectos pequeños, hasta proyectos muy grandes. ¡Excelente explicación!

  • @marekipasita817
    @marekipasita817 3 ปีที่แล้ว +2

    Es muy útil todo React Hooks. Gracias por tus videos

  • @Munoz-in1ew
    @Munoz-in1ew 8 หลายเดือนก่อน

    excelente explicación! justo lo que necesitaba

  • @ariel18012
    @ariel18012 2 ปีที่แล้ว +2

    hola como estas, muy bueno como enseñas y estoy mirando tu curso
    de udemy, mi intencion es poder usar react para aplicaciones iot me servira.

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว +1

      Estoy seguro de que puedes usar React para hacer interfaces para IOT, mucha suerte en el curso!

  • @d-landjs
    @d-landjs 3 ปีที่แล้ว +1

    Excelente video Falcon!!! Super entendible :D

  • @lucasleiva6136
    @lucasleiva6136 3 ปีที่แล้ว +6

    Tio, yo apenas voy con HTML y tu ya estas con REACT!

  • @axelpaz4601
    @axelpaz4601 2 ปีที่แล้ว

    No sabia el primer uso, de las variables, gracias

  • @robyirloreto
    @robyirloreto 2 ปีที่แล้ว

    Ok... podría usarlo para hacer referencia al dom de un objeto específico...excelente...Gracias

  • @cindyita
    @cindyita 2 หลายเดือนก่อน

    Super bien la explicación muchas gracias

  • @veltrixmx
    @veltrixmx 2 ปีที่แล้ว

    Explicas muy bien, muchas gracias

  • @anabelangelesdiaz8598
    @anabelangelesdiaz8598 ปีที่แล้ว

    Muy buena explicación!

  • @juancarlosvm5397
    @juancarlosvm5397 2 ปีที่แล้ว

    sos un crack bro, gracias por tus videos

  • @alejandrolima21
    @alejandrolima21 ปีที่แล้ว +1

    Muchas gracias de verdad!

  • @DiegoLopez-ey2jc
    @DiegoLopez-ey2jc 3 ปีที่แล้ว +1

    Explicas excelente!

  • @ZSendokame
    @ZSendokame 3 ปีที่แล้ว +1

    Antes veia tus videos pense que el canal habia muerto 10/10

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      Sigo haciendo videos cada semana.

    • @ZSendokame
      @ZSendokame 3 ปีที่แล้ว

      @@FalconMasters Gracias por vivir tu me enseñaste HTML

  • @jaqp911
    @jaqp911 3 ปีที่แล้ว +4

    excelente video, se agradece
    pd: que tema de vscode usas ?

  • @nahu-dev
    @nahu-dev ปีที่แล้ว

    Muchas gracias, muy buen video

  • @Ivan-bk4oc
    @Ivan-bk4oc ปีที่แล้ว

    excelente muy bien explicado.

  • @ZzZz-dr7uq
    @ZzZz-dr7uq 3 ปีที่แล้ว

    buena explicacion falcon

  • @estarlincito
    @estarlincito 2 ปีที่แล้ว

    Entendi a la perfección, ty

  • @wookieleon
    @wookieleon 3 ปีที่แล้ว +1

    Cómo siempre, buen contenido y claro, 🤙🤙🤙

  • @simonceballosjaramillo4040
    @simonceballosjaramillo4040 3 ปีที่แล้ว +1

    @FalconMasters ¿Cómo se llama el tema qué usas en Visual?. Excelente explicación :)

  • @dragonaicolosocastro1328
    @dragonaicolosocastro1328 3 ปีที่แล้ว

    Estaba buscando otro cosa pero encontré oro.

  • @YosipmikeColin
    @YosipmikeColin 2 ปีที่แล้ว +1

    Cual es la diferencia entre un objeto normal a useRef() ??

  • @alejandrorios6999
    @alejandrorios6999 2 ปีที่แล้ว

    Falcon, por favor un video donde expliques la diferencia entre el useEffect y el useLayoutEffect

  • @braidata
    @braidata 2 ปีที่แล้ว

    Hola Carlos, muchas gracias por el tutorial, muy claro y preciso. Tengo una pregunta, uso useRef para extraer un valor de un td de un componente en next, este componente es generado con un .map y la referencia solo me trae el valor del último componente montado, que debería estudiar para saber extraer cada valor de cada componente y no solo el último?

    • @KingCrimson6
      @KingCrimson6 2 ปีที่แล้ว

      No has pensado en traer toda la tabla y luego seleccionar solo lo que necesitas? probablemente a esta altura ya lo solucionaste, pero por si acaso... como lo lograste?

  • @hmujicadev7623
    @hmujicadev7623 3 ปีที่แล้ว

    Genial !!! seria bueno que hicieran uno relacionado a redux con redux-toolkit

  • @javierg1979
    @javierg1979 2 ปีที่แล้ว

    Consulta si necesito variables no sirve? : Let nombre: string? Saludos

  • @avigonet
    @avigonet 3 ปีที่แล้ว

    Todo un Crack !! 🤙

  • @faureWorld
    @faureWorld ปีที่แล้ว

    Muy bueno!

  • @GiancarloCarccamo
    @GiancarloCarccamo 2 ปีที่แล้ว

    Buen video

  • @nicolastovar792
    @nicolastovar792 2 ปีที่แล้ว

    Súper

  • @betoruizdev
    @betoruizdev 3 ปีที่แล้ว

    Muy buen video. Lo único que me causa ruido no tiene que ver con el tema sino con la forma de hablar, eso de decir "cada que..." y omitir el "vez" me genera un choque. Así pues, "cada que escucho eso me pongo tenso". Igualmente gracias por la información.

  • @6little6fang6
    @6little6fang6 3 ปีที่แล้ว

    QUE GRANDE

  • @emazzu
    @emazzu 3 ปีที่แล้ว

    como esats ?
    disculpa, si usas useRef, para simular una variable, x que no usas una variable, x que no tiene visibilidad en el html ??? es por eso ??

  • @freddy9292
    @freddy9292 2 ปีที่แล้ว

    esta bueno ,pensare como aplicarlo aunque ahora no se me ocurre nada haha

  • @EnBuenChileno24
    @EnBuenChileno24 2 ปีที่แล้ว

    No entendí cual es la ventaja de un useref vs una variable estándar? Por ejemplo yo hago lo mismo que el video, con el mismo resultado pero usando variables let const vart etc...

  • @jesustzinon
    @jesustzinon 3 ปีที่แล้ว

    Alguien sabe como puedo sumar el valor de 2 estados distintos? al hacerlome sale un error de bucle infinito

  • @agusgiudice7844
    @agusgiudice7844 ปีที่แล้ว

    Consulta. cuando recien se inicia mi app se muestran 2 mensajes avisando que el contador es 0. cuanto le agrego el useRef con su return pasa a mostrarse una sola vez. osea funciona pero tengo algo q igual me genera el console.log. el codigo esta bien, alguien sabe q puede ser?? si alguna extension se visual o de google ?? gracias

    • @agusgiudice7844
      @agusgiudice7844 ปีที่แล้ว

      Buenas, era por el React.StrictMode. No lo habia eliminado, aviso por si alguno no lo sabia. Es un "componente" que rodea el App principal en el main.jsx en mi caso (use vite para crear el template)

  • @John_villeneuve
    @John_villeneuve 3 ปีที่แล้ว

    👌👌

  • @edwinpazss.-1798
    @edwinpazss.-1798 3 ปีที่แล้ว

    Y si al presionar en onClick mostramos "El contador se actualizo y su nuevo valor es {valor del estado}" en una función? :v Pero en teoría tiene razón por que nosotros estamos tratando de saber cuantas veces se renderizo el estado y no podemos crear otro estado por que si cambiamos este la página se volverá a renderizar, pero aquí hay otro problema tu muestras el valor del contenido no cuantas veces se actualizo lo cual simplemente se podría hacer llamando a la función para mostrar el nuevo valor cada vez que agás click en +1 xd, no es el mejor ejemplo pero entendí el concepto :v

  • @hanchan69
    @hanchan69 3 ปีที่แล้ว

    Si pones un state === o, puedes hacer lo mismo sin usar useRef(), no me queda claro la diferencia

  • @jhosteen1792
    @jhosteen1792 3 ปีที่แล้ว

    Hola

  • @JhonyHDV
    @JhonyHDV 2 ปีที่แล้ว

    .

  • @MsSoldadoRaso
    @MsSoldadoRaso 2 ปีที่แล้ว

    Mmmm a la bestia hay que hacer un monton de cosas para hacer algo tan simple. Por eso sigo preferiendo Angular

  • @JhonyHDV
    @JhonyHDV 2 ปีที่แล้ว

    .