useRef en React

[@juanetehOK]

podes leer 20 veces la documentacion del hook en los docs de react y nunca te quedaria asi de claro, gracias!, excelente explicacion

[@PabloMonteserinTutor]

Muchas gracias ☺️

[@zasory]

me leiste la mente, suscrito y muchas gracias.

[@tomasponce9409]

Confirmo porque vengo de leer 20 veces la docu

[@Max-tq1ig]

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]

podrás darnos ejemplos? para los que nos estamos adentrando al mundo de react y somos nuevos, nos cuesta.

[@javierdamiani2866]

Gracias por explicarlo tan claro y a la vez conciso.

[@whosdavidce]

ME ASUSTÉ CON LA OUTRO jajajaja, buen vídeo!

[@PabloMonteserinTutor]

Jojojojo

[@nilselkpo]

Increible en 5 minutos aprendi todo super claro sin tener que repetir el video, me salvaste de un apuro!!!!

[@PabloMonteserinTutor]

Genial! Me alegro mucho :)

[@ÁlvaroTovarMogollón]

Craaack maquina! gracias muy buen video

[@camilo0411]

Excelente explicación

[@observerZZ-007]

entendi un poco más sobre ese hook, me parece gracioso tu final jejeje

[@juancarlosvm5397]

Excelente video bro, un placer conocer tu canal.

[@cristianfernando2951]

Se comprende el funcionamiento pero lo mismo que haces en tu video puedo hacerlo con un useState, entonces, cuando usar uno u otro?

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

[@andresjesusgarcia3693]

Buen tip! Gracias 😀

[@santiagousca]

la manera correcta de manejar el dom es con useref?

[@PabloMonteserinTutor]

Es una opción, aunque en un formulario yo suelo recoger valores usando useState

[@carlosvalencia9067]

¿cómo haces para que al guardar, se te indente todo de manera correcta?

[@lukkaku]

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]

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

[@brayan2764]

Un final poco esperado jaja

[@JoseGutierrez-gw4yc]

Por lo que entiendo, el useRef se utiliza para acceder al DOM de un elemento HTML en React?

[@PabloMonteserinTutor]

Sip, con useRef puedes acceder al DOM. En react el document.getElementById y similares están súper prohibidos!

[@diegodig9]

Una pregunta, cuando deberiamos usar *useState* o usar *useRef* para cambiar el contenido de un elemento? Muchas gracias y buen video!

[@omar_calderon]

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

[@user-dm5qi4nb6l]

como haces para tener los Scripts para correr en la barra?

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

[@luisencastin1607]

¡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]

Gracias! No he usado useRef para eso, no sabría decirte el proceso :/

[@LS_1108]

volveré aquí cada vez que se me olvide xd

[@lukkaku]

jajajajaaj x2