Como rayos funciona el Hook de useRef() en React

  Рет қаралды 24,492

FalconMasters

FalconMasters

Күн бұрын

Пікірлер: 79
@FalconMasters
@FalconMasters 3 жыл бұрын
Si te gusto o sirvió el video dale manita arriba y suscribete para mas tutoriales de desarrollo web ! 👍
@santiagoperezposada9493
@santiagoperezposada9493 3 жыл бұрын
@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 Жыл бұрын
Es una muy buena explicacion de useRef(), me sirvio mucho, gracias por el tiempo que dedicaste a construir este material
@FalconMasters
@FalconMasters Жыл бұрын
Me alegra que te sirviera!
@job6800
@job6800 2 жыл бұрын
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
@roddy_21_25
@roddy_21_25 11 ай бұрын
El mejor maestro de todo KZbin!
@Neutronomy
@Neutronomy 3 жыл бұрын
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.
@FalconMasters
@FalconMasters 3 жыл бұрын
Muchas gracias Oscar!
@mauricioelflaco
@mauricioelflaco 3 жыл бұрын
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 жыл бұрын
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!
@alisonoz7219
@alisonoz7219 Жыл бұрын
excelente!! muchas gracias! con este video finalmente entendi el uso de useref!
@carlosdeavila2588
@carlosdeavila2588 Жыл бұрын
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 Жыл бұрын
Me alegra mucho que te sirviera!
@deliocoder8822
@deliocoder8822 3 жыл бұрын
Muchas gracias! No lo tenía claro hasta que vi tu video hermano.
@FalconMasters
@FalconMasters 3 жыл бұрын
Me alegra que fuera de ayuda!
@Tmaniacus007
@Tmaniacus007 2 жыл бұрын
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! 😀
@ivanstebler
@ivanstebler 4 ай бұрын
Una maravilla de explicación.. Muchas gracias!!
@sagitario26XD
@sagitario26XD 2 жыл бұрын
Clarisimo, buen trabajo explicando, agradecido!
@AleX10zam
@AleX10zam 3 жыл бұрын
Excelentemente explicado mi querido Falcon
@Munoz-in1ew
@Munoz-in1ew 4 ай бұрын
excelente explicación! justo lo que necesitaba
@JeanS.Garzon-if9ty
@JeanS.Garzon-if9ty 2 жыл бұрын
¡Muchas gracias por tu trabajo genio!
@mauricioespinosaflores6414
@mauricioespinosaflores6414 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!
@patokuacky
@patokuacky Жыл бұрын
Mil gracias!!!! Ayer leí varias explicaciones y m costaba entenderlo =0 y ahorita lo entendí ssssuper bien =D
@qeric9798
@qeric9798 2 жыл бұрын
Gracias, muy clara la explicación.
@alejandrorios6999
@alejandrorios6999 Жыл бұрын
Gracias bro. Nunca me decepcionan tus videos
@OscarRuiz-ql3bt
@OscarRuiz-ql3bt 3 жыл бұрын
Justo la explicación que estaba buscando, mil gracias
@marekipasita817
@marekipasita817 3 жыл бұрын
Es muy útil todo React Hooks. Gracias por tus videos
@alejandrolima21
@alejandrolima21 Жыл бұрын
Muchas gracias de verdad!
@anabelangelesdiaz8598
@anabelangelesdiaz8598 Жыл бұрын
Muy buena explicación!
@ariel18012
@ariel18012 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 жыл бұрын
Estoy seguro de que puedes usar React para hacer interfaces para IOT, mucha suerte en el curso!
@alexcodemx
@alexcodemx Жыл бұрын
Explicas muy bien, muchas gracias
@lucasleiva6136
@lucasleiva6136 3 жыл бұрын
Tio, yo apenas voy con HTML y tu ya estas con REACT!
@d-landjs
@d-landjs 2 жыл бұрын
Excelente video Falcon!!! Super entendible :D
@agusgiudice7844
@agusgiudice7844 Жыл бұрын
tremendo tutorial!!! vi que hace tiempo no subis contenido, espero que retomes porque son muy buenos tus videos. saludos
@FalconMasters
@FalconMasters Жыл бұрын
Muchas gracias, muy muy pronto voy a volver con el contenido regular.
@nahu-dev
@nahu-dev Жыл бұрын
Muchas gracias, muy buen video
@Ivan-bk4oc
@Ivan-bk4oc 8 ай бұрын
excelente muy bien explicado.
@DiegoLopez-ey2jc
@DiegoLopez-ey2jc 3 жыл бұрын
Explicas excelente!
@juancarlosvm5397
@juancarlosvm5397 2 жыл бұрын
sos un crack bro, gracias por tus videos
@ZzZz-dr7uq
@ZzZz-dr7uq 3 жыл бұрын
buena explicacion falcon
@estarlincito
@estarlincito Жыл бұрын
Entendi a la perfección, ty
@axelpaz4601
@axelpaz4601 2 жыл бұрын
No sabia el primer uso, de las variables, gracias
@ZSendokame
@ZSendokame 3 жыл бұрын
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
@wookieleon
@wookieleon 3 жыл бұрын
Cómo siempre, buen contenido y claro, 🤙🤙🤙
@robyirloreto
@robyirloreto 2 жыл бұрын
Ok... podría usarlo para hacer referencia al dom de un objeto específico...excelente...Gracias
@jaqp911
@jaqp911 3 жыл бұрын
excelente video, se agradece pd: que tema de vscode usas ?
@javierg1979
@javierg1979 2 жыл бұрын
Consulta si necesito variables no sirve? : Let nombre: string? Saludos
@YosipmikeColin
@YosipmikeColin Жыл бұрын
Cual es la diferencia entre un objeto normal a useRef() ??
@simonceballosjaramillo4040
@simonceballosjaramillo4040 2 жыл бұрын
@FalconMasters ¿Cómo se llama el tema qué usas en Visual?. Excelente explicación :)
@FalconMasters
@FalconMasters 2 жыл бұрын
Se llama Ayu Mirage
@braidata
@braidata Жыл бұрын
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 Жыл бұрын
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?
@dragonaicolosocastro1328
@dragonaicolosocastro1328 3 жыл бұрын
Estaba buscando otro cosa pero encontré oro.
@hmujicadev7623
@hmujicadev7623 3 жыл бұрын
Genial !!! seria bueno que hicieran uno relacionado a redux con redux-toolkit
@avigonet
@avigonet 3 жыл бұрын
Todo un Crack !! 🤙
@faureWorld
@faureWorld Жыл бұрын
Muy bueno!
@alejandrorios6999
@alejandrorios6999 Жыл бұрын
Falcon, por favor un video donde expliques la diferencia entre el useEffect y el useLayoutEffect
@GiancarloCarccamo
@GiancarloCarccamo 2 жыл бұрын
Buen video
@emazzu
@emazzu 2 жыл бұрын
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 ??
@nicolastovar792
@nicolastovar792 2 жыл бұрын
Súper
@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...
@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 2 жыл бұрын
QUE GRANDE
@freddy9292
@freddy9292 2 жыл бұрын
esta bueno ,pensare como aplicarlo aunque ahora no se me ocurre nada haha
@hanchan69
@hanchan69 2 жыл бұрын
Si pones un state === o, puedes hacer lo mismo sin usar useRef(), no me queda claro la diferencia
@jesustzinon
@jesustzinon 3 жыл бұрын
Alguien sabe como puedo sumar el valor de 2 estados distintos? al hacerlome sale un error de bucle infinito
@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
@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 жыл бұрын
👌👌
@jhosteen1792
@jhosteen1792 3 жыл бұрын
Hola
@JhonyHDV
@JhonyHDV 2 жыл бұрын
.
@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
React - Sitios y Aplicaciones Multi-Lenuaje | Format JS
1:06:37
FalconMasters
Рет қаралды 18 М.
Que rayos es React.memo, useCallback y como se utilizan.
20:15
FalconMasters
Рет қаралды 19 М.
Ozoda - Lada ( Official Music Video 2024 )
06:07
Ozoda
Рет қаралды 18 МЛН
小路飞嫁祸姐姐搞破坏 #路飞#海贼王
00:45
路飞与唐舞桐
Рет қаралды 12 МЛН
Don't look down on anyone#devil  #lilith  #funny  #shorts
00:12
Devil Lilith
Рет қаралды 3,2 МЛН
Learn React Hooks: useRef - Simply Explained!
12:42
Cosden Solutions
Рет қаралды 102 М.
useRef en 15 minutos
15:15
Garaje de ideas | Tech
Рет қаралды 7 М.
Learn useRef in 11 Minutes
10:20
Web Dev Simplified
Рет қаралды 640 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
You might not need useEffect() ...
21:45
Academind
Рет қаралды 162 М.
React + TypeScript: useEffect + useRef + Custom Props
20:32
Fernando Herrera
Рет қаралды 28 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 478 М.
Ozoda - Lada ( Official Music Video 2024 )
06:07
Ozoda
Рет қаралды 18 МЛН