Тёмный

Como rayos funciona el Hook de useRef() en React 

FalconMasters
Подписаться 511 тыс.
Просмотров 24 тыс.
50% 1

En este tutorial vamos aprender que es el hook de useRef y como funciona, junto con algunos ejemplos.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

Наука

Опубликовано:

 

16 апр 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 80   
@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.
@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 9 месяцев назад
El mejor maestro de todo RU-vid!
@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!
@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!
@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! 😀
@mauricioespinosaflores6414
@mauricioespinosaflores6414 2 года назад
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!
@lucasleiva6136
@lucasleiva6136 3 года назад
Tio, yo apenas voy con HTML y tu ya estas con REACT!
@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!
@sagitario26XD
@sagitario26XD 2 года назад
Clarisimo, buen trabajo explicando, agradecido!
@OscarRuiz-ql3bt
@OscarRuiz-ql3bt 2 года назад
Justo la explicación que estaba buscando, mil gracias
@AleX10zam
@AleX10zam 3 года назад
Excelentemente explicado mi querido Falcon
@alejandrorios6999
@alejandrorios6999 Год назад
Gracias bro. Nunca me decepcionan tus videos
@marekipasita817
@marekipasita817 3 года назад
Es muy útil todo React Hooks. Gracias por tus videos
@alisonoz7219
@alisonoz7219 Год назад
excelente!! muchas gracias! con este video finalmente entendi el uso de useref!
@ivanstebler
@ivanstebler 2 месяца назад
Una maravilla de explicación.. Muchas gracias!!
@d-landjs
@d-landjs 2 года назад
Excelente video Falcon!!! Super entendible :D
@JeanS.Garzon-if9ty
@JeanS.Garzon-if9ty 2 года назад
¡Muchas gracias por tu trabajo genio!
@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.
@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!
@DiegoLopez-ey2jc
@DiegoLopez-ey2jc 3 года назад
Explicas excelente!
@wookieleon
@wookieleon 3 года назад
Cómo siempre, buen contenido y claro, 🤙🤙🤙
@lecheent5898
@lecheent5898 Год назад
Explicas muy bien, muchas gracias
@Munoz-in1ew
@Munoz-in1ew 2 месяца назад
excelente explicación! justo lo que necesitaba
@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!
@njbb6105
@njbb6105 10 месяцев назад
Muchas gracias, muy buen video
@anabelangelesdiaz8598
@anabelangelesdiaz8598 Год назад
Muy buena explicación!
@juancarlosvm5397
@juancarlosvm5397 2 года назад
sos un crack bro, gracias por tus videos
@Ivan-bk4oc
@Ivan-bk4oc 6 месяцев назад
excelente muy bien explicado.
@alejandrolima21
@alejandrolima21 Год назад
Muchas gracias de verdad!
@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.
@ZzZz-dr7uq
@ZzZz-dr7uq 2 года назад
buena explicacion falcon
@avigonet
@avigonet 3 года назад
Todo un Crack !! 🤙
@estarlincito
@estarlincito Год назад
Entendi a la perfección, ty
@davidfaure1
@davidfaure1 Год назад
Muy bueno!
@psicotrogato
@psicotrogato Год назад
muy buena explicaci[on amigo...
@GiancarloCarccamo
@GiancarloCarccamo 2 года назад
Buen video
@axelpaz4601
@axelpaz4601 2 года назад
No sabia el primer uso, de las variables, gracias
@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!
@jaqp911
@jaqp911 2 года назад
excelente video, se agradece pd: que tema de vscode usas ?
@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
@hmujicadev7623
@hmujicadev7623 3 года назад
Genial !!! seria bueno que hicieran uno relacionado a redux con redux-toolkit
@nicolastovar792
@nicolastovar792 2 года назад
Súper
@robyirloreto
@robyirloreto 2 года назад
Ok... podría usarlo para hacer referencia al dom de un objeto específico...excelente...Gracias
@dragonaicolosocastro1328
@dragonaicolosocastro1328 3 года назад
Estaba buscando otro cosa pero encontré oro.
@6little6fang6
@6little6fang6 2 года назад
QUE GRANDE
@alejandrorios6999
@alejandrorios6999 Год назад
Falcon, por favor un video donde expliques la diferencia entre el useEffect y el useLayoutEffect
@simonceballosjaramillo4040
@simonceballosjaramillo4040 2 года назад
@FalconMasters ¿Cómo se llama el tema qué usas en Visual?. Excelente explicación :)
@FalconMasters
@FalconMasters 2 года назад
Se llama Ayu Mirage
@johnfredyperez4399
@johnfredyperez4399 3 года назад
👌👌
@YosipmikeColin
@YosipmikeColin Год назад
Cual es la diferencia entre un objeto normal a useRef() ??
@freddy9292
@freddy9292 2 года назад
esta bueno ,pensare como aplicarlo aunque ahora no se me ocurre nada haha
@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?
@javierg1979
@javierg1979 Год назад
Consulta si necesito variables no sirve? : Let nombre: string? Saludos
@betoruizdev
@betoruizdev 2 года назад
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.
@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 ??
@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)
@jhosteen1792
@jhosteen1792 3 года назад
Hola
@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
@JhonyHDV
@JhonyHDV 2 года назад
.
@MsSoldadoRaso
@MsSoldadoRaso Год назад
Mmmm a la bestia hay que hacer un monton de cosas para hacer algo tan simple. Por eso sigo preferiendo Angular
@hanchan69
@hanchan69 2 года назад
Si pones un state === o, puedes hacer lo mismo sin usar useRef(), no me queda claro la diferencia
@JhonyHDV
@JhonyHDV 2 года назад
.
Далее
React - Sitios y Aplicaciones Multi-Lenuaje | Format JS
1:06:37
Learn useRef in 11 Minutes
10:20
Просмотров 629 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 347 тыс.
01 - REACT: Crear formulario
12:21
Просмотров 7 тыс.
Learn React Hooks: useRef - Simply Explained!
12:42
Просмотров 89 тыс.
LEARN THIS JAVASCRIPT BEFORE LEARN REACT
32:12
Просмотров 132 тыс.
useRef en React
5:28
Просмотров 10 тыс.
useEffect explicado a fondo
22:43
Просмотров 71 тыс.
Самая редкая видеокарта NVIDIA
1:00