Тёмный

useRef en React 

Pablo Monteserín
Подписаться 9 тыс.
Просмотров 11 тыс.
50% 1

PlayList del curso de React:
• Curso de React.js
Tienes la última versión de este video en:
• React - useRef
Lección de este video en:
pablomonteseri...
👍🏻Dame un like si te gustó la publicación ♥️
🚀Comparte si crees que puede servirle de ayuda a alguien.
🙋🏻‍♂️¡Gracias! 😍
🔔 SUSCRIBETE AL CANAL: bit.ly/2zONH5j
🌐 FACEBOOK: / pablomonteserincom
🌐 LINKEDIN: / pablo-monteserin
🌐 CANAL TELEGRAM: t.me/pablomont...
❤️ PÁGINA WEB: pablomonteseri...

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

 

8 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 34   
@juanetehOK
@juanetehOK 2 года назад
podes leer 20 veces la documentacion del hook en los docs de react y nunca te quedaria asi de claro, gracias!, excelente explicacion
@PabloMonteserinTutor
@PabloMonteserinTutor 2 года назад
Muchas gracias ☺️
@zasory
@zasory 2 года назад
me leiste la mente, suscrito y muchas gracias.
@tomasponce9409
@tomasponce9409 4 месяца назад
Confirmo porque vengo de leer 20 veces la docu
@Max-tq1ig
@Max-tq1ig 2 года назад
La verdadera finalidad de ese hook es que al momento de renderizar un componente, este puede persistir por sobre los demás evitando que el state lo actualice cada vez que se renderizan todos los componentes. Es decir, que se actualizará de manera separada evitando que useState tenga que renderizarlo siempre. La otra utilidad es el acceso por separado a cada uno de los elementos del html lo cual te permite modificarlos de manera independiente al resto de la renderización del state, aunque se considera una mala práctica recurrir a ellos para settear cada uno de los valores y no dejar que lo haga el mismo useState. También sirven para asignar un valor previo como valor inicial de un componente.
@lukkaku
@lukkaku 2 года назад
podrás darnos ejemplos? para los que nos estamos adentrando al mundo de react y somos nuevos, nos cuesta.
@user-mj9jm6pq5v
@user-mj9jm6pq5v Месяц назад
Craaack maquina! gracias muy buen video
@nilselkpo
@nilselkpo 2 года назад
Increible en 5 minutos aprendi todo super claro sin tener que repetir el video, me salvaste de un apuro!!!!
@PabloMonteserinTutor
@PabloMonteserinTutor 2 года назад
Genial! Me alegro mucho :)
@javierdamiani2866
@javierdamiani2866 Год назад
Gracias por explicarlo tan claro y a la vez conciso.
@whosdavidce
@whosdavidce 2 года назад
ME ASUSTÉ CON LA OUTRO jajajaja, buen vídeo!
@PabloMonteserinTutor
@PabloMonteserinTutor 2 года назад
Jojojojo
@walterjosesuarezdelacruz1495
@walterjosesuarezdelacruz1495 2 года назад
entendi un poco más sobre ese hook, me parece gracioso tu final jejeje
@camilo0411
@camilo0411 2 года назад
Excelente explicación
@juancarlosvm5397
@juancarlosvm5397 2 года назад
Excelente video bro, un placer conocer tu canal.
@brayan2764
@brayan2764 Год назад
Un final poco esperado jaja
@andresjesusgarcia3693
@andresjesusgarcia3693 3 года назад
Buen tip! Gracias 😀
@diegodig9
@diegodig9 3 года назад
Una pregunta, cuando deberiamos usar *useState* o usar *useRef* para cambiar el contenido de un elemento? Muchas gracias y buen video!
@omar_calderon
@omar_calderon 2 года назад
con useState se hace render al cambiar el valor y con useRef no, tambien con useRef tienes acceso al elemento del dom y con useState solo es el valor. Yo diria usa useRef cuando necesites acceder al elemeto del dom y sus propiedades y useState si solo necesitas el valor 😀 Podemos debatir cuando se use uno y el otro y llegar a una conclusion
@cristianfernando2951
@cristianfernando2951 3 года назад
Se comprende el funcionamiento pero lo mismo que haces en tu video puedo hacerlo con un useState, entonces, cuando usar uno u otro?
@MarioRomeroARG
@MarioRomeroARG Год назад
useRef no dispara re-renders, te sirve para persistir un valor entre re-renders o el caso de uso mas comun: referenciar a un objeto del DOM para hacer cosas particulares (obtener dimensiones de una imagen cargada, etc), esto no reemplaza al uso correcto del state.
@luisencastin1607
@luisencastin1607 2 года назад
¡Qué crack! Gracias por la explicación. En el trabajo me comentaron que useRef podrìa servir para crear enlaces como en un navBar. ¿Podrías contarnos si es posible?
@PabloMonteserinTutor
@PabloMonteserinTutor 2 года назад
Gracias! No he usado useRef para eso, no sabría decirte el proceso :/
@carlosvalencia9067
@carlosvalencia9067 2 года назад
¿cómo haces para que al guardar, se te indente todo de manera correcta?
@lukkaku
@lukkaku 2 года назад
pones en vscode f1, escribes "document" y intenta seleccionar alguna opción que diga "organize document" o algo así, al lado de la opción te aparece la combinación de teclas para que lo hagas con esa combinación más sencillamente.
@PabloMonteserinTutor
@PabloMonteserinTutor Год назад
Buenas, aquí lo explico: pablomonteserin.com/curso/visual-studio-code/ Aunque haya pasado mucho tiempo desde tu duda, en este enlace tienes muchos plugins y configuraciones que te harán ser más productivo usando visual studio code
@santiagousca
@santiagousca Год назад
la manera correcta de manejar el dom es con useref?
@PabloMonteserinTutor
@PabloMonteserinTutor Год назад
Es una opción, aunque en un formulario yo suelo recoger valores usando useState
@JoseGutierrez-gw4yc
@JoseGutierrez-gw4yc 2 года назад
Por lo que entiendo, el useRef se utiliza para acceder al DOM de un elemento HTML en React?
@PabloMonteserinTutor
@PabloMonteserinTutor 2 года назад
Sip, con useRef puedes acceder al DOM. En react el document.getElementById y similares están súper prohibidos!
@LS_1108
@LS_1108 2 года назад
volveré aquí cada vez que se me olvide xd
@lukkaku
@lukkaku 2 года назад
jajajajaaj x2
@user-dm5qi4nb6l
@user-dm5qi4nb6l 2 года назад
como haces para tener los Scripts para correr en la barra?
@PabloMonteserinTutor
@PabloMonteserinTutor Год назад
Antes había que instalar una extensión (npm scripts), ahora viene de serie en visual, pero tienes que activarlo pulsando en los tres puntitos que tienes en la esquina superior derecha del panel de explorador de ficheros
Далее
React Router 6
16:31
Просмотров 1,4 тыс.
Learn React Hooks: useRef - Simply Explained!
12:42
Просмотров 97 тыс.
Пришёл к другу на ночёвку 😂
01:00
styled components en React
15:41
Просмотров 6 тыс.
React useRef() hook introduction 🗳️
11:18
Просмотров 17 тыс.
useCallback en 14 minutos (y comparación con useMemo)
14:34
React + TypeScript: useEffect + useRef + Custom Props
20:32
Why Signals Are Better Than React Hooks
16:30
Просмотров 474 тыс.
fetch y axios en React
5:34
Просмотров 11 тыс.
Context API en React en menos de 10 minutos
8:10
Просмотров 18 тыс.
8 Design Patterns | Prime Reacts
22:10
Просмотров 410 тыс.
Пришёл к другу на ночёвку 😂
01:00