acabo de dar con tu canal y te puedo decir con seguridad que es de los mejores materiales que he visto, super didactico, sin vueltas y muy practico, estuve revisando un poco mas tu canal y me di cuenta que no subes nuevos videos hace un año lo cual me pone un poco tristre ya que es muy dificil encontrar a alguien que explique tan bien como vos. Te felicito y agradezco por el gran trabajo que hiciste 😁 Ojala algun dia vuelvas a subir videos, aca voy a estar atento ya que te ganaste un fiel seguidor
Me sorprendo cada vez más viendo tus tutoriales porque, no solo aprendo cosas nuevas sino que entiendo cómo y por qué suceden. Así da gusto estudiar algo. Mi enhorabuena. Un saludo.
eres un genio explicando Luis, imposible no entender, para los nuevos dev que comienzan con react u otros frameworks, y no tienen mucha experiencia trabajando con vanilla está genial
Hola!! Antes que nada queria felicitarte y agradecerte por tan buen contenido!! Me gustaria que sigas con explicaciones de React como ejemplos como lo haces en este video. Serias unico!!
Me recomendaron este video y sin duda alguna valió cada minuto, aunque ya tengo bastante conocimiento de React, esto sin duda fue muy útil, like y un nuevo sub, sigue así, eres grande.
En la version 18 de react ya no sucede este error del actualizar algo desmontado. porque? es el navegador o la version de react soluciono este problema nativamente?. porque ya no me sale el error cuando se intenta actualizar algo desmontado.
Hola Luis, entiendo que la mejor práctica es utilizar useRef para el flag de Loading, pero en este ejemplo cuál sería la diferencia con la utilización de una variable let?
sigo con tus videos...100 puntos gracias por todo, una pregunta , cual es la mejor ruta para convertirme en programador junior, que cursos debo tomar y que debo aprender ??? gracias si pudieras responderme esa interrogante
Ve poco a poco, el camino es largo, lo mas importante es la constancia, por cada cosa que aprendas dedíacale 4 veces ese tiempo a practicar, para ello tienes Frontend Mentor, Hacer Rank para ejercicios, o puedes hacer cualquier cosa que se te ocurra, como un clon de algun sitio web sin ver tutoriales (Aunque igual uno los busca en medio jaja pero es diferente).... Y bueno si ya estás con react, seguramente ya has aprendido buena parte de front, seguir reforzandola, algún curso de udemy, y para back puedes aprender primero node, por tener familiaridad con javascript y luego algún backend más tradicional como laravel, django, spring, .net o similar, alguno de estos últimos, esto acompañado de alguna base de datos sql te dará un plus a la hora de buscar empleo
Gracias Luis...seguiré viendo tus videos y aprendiendo...la verdad soy muy nuevo aún y me estoy guiando en el 80% de lo q veo...pero se que mejórare...seguiremos en contacto saludos y gracias
@@LuisCabrera hola! no habia visto la respues. minuto 13:21 arrancas a crear el usestate q digo. si no lo creo me anda igual el copiar. de ahi mi pregunta
@@agusgiudice7844 Ya comprendo, realmente el estado text se crea por la costumbre de tener el texto del input en un estado para poder leerlo luego de ser necesario, pero como indicas en este caso no se le da uso como tal
Sos un genio explicando! Pero me quedo una duda, en el último ejemplo que creas un ref para cuando se desmonta o no. No es lo mismo usar un state en vez del ref? Tengo esa duda. Suscripto !
Hola! La cosa es que con los estados es más fácil que haya conflictos al intentar actualizar o acceder los mismos al desmontar un componente, en este caso precisamente se usa el ref para evitar realizar una actualización de estado en un componente que se está desmontando
Hola Luis, primero decirte que me parecen geniales tus videos, el contenido y las explicaciones, un 10. ! Por otro lado, me gustaría preguntarte, en el final de video para setear el estado dependiendo si esta montado usando useRef, se podría hacer lo mismo con un estado utilizando useState? una tercera opcion que se me cruza es la de utilizar abort controller para cancelar la petición fetch. Cual de esas 3 opciones te parece la mejor?
Hola tocayo Luis gracias por tus palabras, se puede intentar guardar el isMounted en un estado con el useState pero te encontrarás con un inconveniente y es que los valores de los estados sólo se verán reflejados hasta el próximo render, entonces cuando se desmonta el componente mandarías a actualizar setIsMounted(false) pero este valor nunca se reflejaría (al no haber nuevos render pues el componente se desmontó) Entonces por esto es que conviene utilizar las referencias, que al desmontarse el componente seguirás podiendo acceder a ellas y hasta actualizarlas (Como si se tratase de una variable global más allá del componente, pero no exactamente así pues sólo la tendrás disponible en tu componente) Lo del abort controller suena muy bien :) intenta aplicarlo y si te funciona será un éxito
En parte si, uno de sus principales usos es ser ese equivalente, para que existe? Si ya existen los otros? Debido a que si seleccionas por id, por ejemplo necesitarías varios id diferentes si usas el componente varias veces, y eso puede ser difícil de controlar. Las ref solucionan eso. Aunque también tienen otros usos.
Hola Luis, muy buenos tus videos, me estan ayudando mucho, queria consultarte si tienes idea de como hacer lo que hacen en este video (ua-cam.com/video/q4fW3h9Mb7M/v-deo.html&lc=Ugxu8u4b4zobz-DcnP54AaABAg.9IBanKvcdEf9ImOOhSQSam) en el minuto 27.40. Ellos usan ref en componentes de clase, yo estoy haciendolo con componentes funcionales. Me estoy volviendo loco para que me funcione pero no logro hacerlo. Si tienes tiempo de verlo genial, sino no pasa nada, se que ponerte a ver el otro video y todo es un rollo largoo.. Muchas gracias nuevamente.
Yo aquí 21-11-2021, esperando que regresé con su contenido de calidad. Díganme que no soy el único?
nadie lo conoce? para que nos diga. porque se fue 😭😭
se lo llevó el covi uu
acabo de dar con tu canal y te puedo decir con seguridad que es de los mejores materiales que he visto, super didactico, sin vueltas y muy practico, estuve revisando un poco mas tu canal y me di cuenta que no subes nuevos videos hace un año lo cual me pone un poco tristre ya que es muy dificil encontrar a alguien que explique tan bien como vos. Te felicito y agradezco por el gran trabajo que hiciste 😁 Ojala algun dia vuelvas a subir videos, aca voy a estar atento ya que te ganaste un fiel seguidor
Es el primer video que veo de tí y me gustó mucho la calidad del vídeo. Deberías subir un curso a Udemy de react intermedio-avanzado.
Excelente material!! Bien explicado, buenos ejemplos. La calidad de la imagen y sonido también, etc. Muchas Gracias!!
Realmente creo que es el mejor video que vi acerca de React. Súper claro todo, y con ejemplos bastante reales. Muchas gracias
opino lo mismo
Me sorprendo cada vez más viendo tus tutoriales porque, no solo aprendo cosas nuevas sino que entiendo cómo y por qué suceden. Así da gusto estudiar algo.
Mi enhorabuena.
Un saludo.
Buenisimo el video, la primera vez que le presto tanta atención a este hook y me doy cuenta de lo importante que es. Nuevo suscriptor!! 🙌
Eres el mejor, no pares de hacer estos videos. Espero subas algun dia un curso a Udemy de React.
Muchas gracias :) se hace lo que se puede ya pronto terminarán los videos básicos y vendran proyectos más grandes
Buenísimo! He visto muchos videos sobre React, y este es de los mejores. Gracias!
Excelente clase 👍, me quedó mucho más claro con los ejemplos, súper entendido
La explicación es muy buena y los ejemplos muy ilustrativos.
Tus videos son de gran calidad, muchas felicidades.
La mejor explicación de useRef que he encontrado. Gracias por el aporte!
Excelente contenido y explicación, mil gracias por compartir!!
Mundial! Muchas gracias. Completado
Es increíble la pedagogía de este hombre. Muchas gracias, maestro!
¡Gracias Luis!
Excelentes videos.
Bro tus videos son los mejores explicando hooks! Sigue haciendo mas! Saludos.
eres un genio explicando Luis, imposible no entender, para los nuevos dev que comienzan con react u otros frameworks, y no tienen mucha experiencia trabajando con vanilla está genial
Este canal vale oro.
cuando regresas? excelente contenido con un solo video tuyo aprendo lo que no en 100 de otros
Excelentes explicaciones amigo..!!! muchas gracias.
obras maestras tus tutoriales, felicidades
Hola!! Antes que nada queria felicitarte y agradecerte por tan buen contenido!!
Me gustaria que sigas con explicaciones de React como ejemplos como lo haces en este video.
Serias unico!!
Oro puro tu video. Me salvaste. Muy bien explicado y los ejemplos son super practicos. Muchas gracias ¡!
muy muy buena explicación, me encantó el video
gracias
Eres un crack, explicas de manera muy dinámica y fácil de entender
Me recomendaron este video y sin duda alguna valió cada minuto, aunque ya tengo bastante conocimiento de React, esto sin duda fue muy útil, like y un nuevo sub, sigue así, eres grande.
Gracias Ricardo por tu comentario :)
Excelente video yo justo estaba buscando algo parecido como en el ejemplo del scroll gracias
Excelente vídeo, con muy buenos ejemplos y demos, muchas gracias por tu dedicación!!!
Gracias por comentar :)
Enhorabuena por el vídeo, no solo explicas de maravilla, sino que el contenido es una joya. Gracias!
Excelente video, me resultó muy útil y me gustó mucho como explicas.
Excelente video muchas gracias!
Master! Muy bien explicado, Agradezco el esfuerzo en realizar estos videos. Sigue asi :D
Muy buen video, muchas gracias!!!
Muy bien profeee gracias por su. Ayuda.
Sigue subiendo videos, eres bueno explicando, y muy completo los videos.
Admiro tu forma simple de explicar las cosas. Tienes canal de udemy?
Gracias Luis. Ya me pongo a verlo! 🥳
Excelente , muchas gracias aclaraste algunos conceptos que me faltaban práctica .
Muy buen video, Muchas gracias por compartir tu conocimiento.
Muchas gracias por el tutorial, es excelente°
Gran contenido en tus videos :D
Que bueno y bien explicado! Crack!!
Likes a todos, eres un crack. GRACIAS!! ;)
Excelente video muy bien explicado
Muy bien explicado gracias!!!
Me gustaría darle un nuevo like, te extra;amos luis!
Sos crack! seguí así.
buen video bro... Excelente!
Justo lo que buscaba, me suscribo 👌🏻
buen video hermano!
Gracias, me sirvió!
Alguien sabe para que es la coma que borra al principio, la que esta despues del StrictMode. gracias
En la version 18 de react ya no sucede este error del actualizar algo desmontado. porque? es el navegador o la version de react soluciono este problema nativamente?. porque ya no me sale el error cuando se intenta actualizar algo desmontado.
Hola Luis, entiendo que la mejor práctica es utilizar useRef para el flag de Loading, pero en este ejemplo cuál sería la diferencia con la utilización de una variable let?
sigo con tus videos...100 puntos gracias por todo, una pregunta , cual es la mejor ruta para convertirme en programador junior, que cursos debo tomar y que debo aprender ??? gracias si pudieras responderme esa interrogante
Ve poco a poco, el camino es largo, lo mas importante es la constancia, por cada cosa que aprendas dedíacale 4 veces ese tiempo a practicar, para ello tienes Frontend Mentor, Hacer Rank para ejercicios, o puedes hacer cualquier cosa que se te ocurra, como un clon de algun sitio web sin ver tutoriales (Aunque igual uno los busca en medio jaja pero es diferente).... Y bueno si ya estás con react, seguramente ya has aprendido buena parte de front, seguir reforzandola, algún curso de udemy, y para back puedes aprender primero node, por tener familiaridad con javascript y luego algún backend más tradicional como laravel, django, spring, .net o similar, alguno de estos últimos, esto acompañado de alguna base de datos sql te dará un plus a la hora de buscar empleo
Y nada, guíate por las reviews de udemy y los primeros videos, allí encontraras el profe que mejor se adapte a ti
Gracias Luis...seguiré viendo tus videos y aprendiendo...la verdad soy muy nuevo aún y me estoy guiando en el 80% de lo q veo...pero se que mejórare...seguiremos en contacto saludos y gracias
Yo he sufrido haciendo un custom dropdown pero creo que el useRef me podría ayudar. Gracias!!.
buenisiiimo :D graciaaaas!!!
en el segundo projecto... cual es la razon de usar el primer useState??? digo, lo copia perfectamnete si no lo usamos.
Hola! Puedes indicarme en que minuto exactamente?
@@LuisCabrera hola! no habia visto la respues. minuto 13:21 arrancas a crear el usestate q digo. si no lo creo me anda igual el copiar. de ahi mi pregunta
@@agusgiudice7844 Ya comprendo, realmente el estado text se crea por la costumbre de tener el texto del input en un estado para poder leerlo luego de ser necesario, pero como indicas en este caso no se le da uso como tal
@@LuisCabrera ahhhh perfecto entendido. Muchas gracias por responder!
Sos un genio explicando! Pero me quedo una duda, en el último ejemplo que creas un ref para cuando se desmonta o no. No es lo mismo usar un state en vez del ref? Tengo esa duda.
Suscripto !
Hola! La cosa es que con los estados es más fácil que haya conflictos al intentar actualizar o acceder los mismos al desmontar un componente, en este caso precisamente se usa el ref para evitar realizar una actualización de estado en un componente que se está desmontando
Hola Luis, primero decirte que me parecen geniales tus videos, el contenido y las explicaciones, un 10. !
Por otro lado, me gustaría preguntarte, en el final de video para setear el estado dependiendo si esta montado usando useRef, se podría hacer lo mismo con un estado utilizando useState? una tercera opcion que se me cruza es la de utilizar abort controller para cancelar la petición fetch.
Cual de esas 3 opciones te parece la mejor?
Hola tocayo Luis gracias por tus palabras, se puede intentar guardar el isMounted en un estado con el useState pero te encontrarás con un inconveniente y es que los valores de los estados sólo se verán reflejados hasta el próximo render, entonces cuando se desmonta el componente mandarías a actualizar setIsMounted(false) pero este valor nunca se reflejaría (al no haber nuevos render pues el componente se desmontó)
Entonces por esto es que conviene utilizar las referencias, que al desmontarse el componente seguirás podiendo acceder a ellas y hasta actualizarlas (Como si se tratase de una variable global más allá del componente, pero no exactamente así pues sólo la tendrás disponible en tu componente)
Lo del abort controller suena muy bien :) intenta aplicarlo y si te funciona será un éxito
@@LuisCabrera Clarisimo, excelente! Igual me llamo Martin, no Luis :p jeje
Jajaja que loco yo vi Luis que pena Martin, saludos
super!
23:57
EXCEKEBTE CUDEI!
O sea, use ref es un equivalente de document.getElementById, document.querySelector.... y todos los otros 🤔
En parte si, uno de sus principales usos es ser ese equivalente, para que existe? Si ya existen los otros? Debido a que si seleccionas por id, por ejemplo necesitarías varios id diferentes si usas el componente varias veces, y eso puede ser difícil de controlar. Las ref solucionan eso.
Aunque también tienen otros usos.
@@LuisCabrera wow!!! Que velocidad de respuesta!! Muchas gracias Luis!!
Estupendo curso
document.execCommand('copy') is deprecated
Para el primer ejemplo, no le encuentro mucho el sentido. Es mucho más simple ponerle al input el atributo autoFocus, y ya
Hola Luis, muy buenos tus videos, me estan ayudando mucho, queria consultarte si tienes idea de como hacer lo que hacen en este video (ua-cam.com/video/q4fW3h9Mb7M/v-deo.html&lc=Ugxu8u4b4zobz-DcnP54AaABAg.9IBanKvcdEf9ImOOhSQSam) en el minuto 27.40. Ellos usan ref en componentes de clase, yo estoy haciendolo con componentes funcionales. Me estoy volviendo loco para que me funcione pero no logro hacerlo. Si tienes tiempo de verlo genial, sino no pasa nada, se que ponerte a ver el otro video y todo es un rollo largoo.. Muchas gracias nuevamente.
este es el archivo con mi codigo github.com/leoamato10/ClimbingApp/blob/master/src/components/map.js
execCommand , ya esta Obsolote
¿Conoces alguna alternativa vigente y sencilla?, de todos modos solo fue con fines didácticos
Está bien aportar, pero solo cuando se da una solución, no cuando solo se da el problema.