Que maravilla de video, estaba aprendiendo react router 6, y con tu vídeo me quedo super claro algunas dudas que tenía acerca de las nested routes! Sigue así, muchísimas gracias por el video, me ayudaste un montón
Hombre me has ayudado un monton, estoy tomando un curso de react y en el estan usando la version 5 de react router dom. Super completa la forma que abordas la libreria.
Hola Yoelvis. Excelente vídeo de introducción a React Router v6, felicidades. Lo que me gustaría saber es si esta versión se puede implementar en componentes de clase, y no solo mediante hooks. Es decir, cómo acceder a useLocation, useParams, useNavigate, etc, desde un componente de clase. He visto algo de cómo envolver los componentes de clase con un HOC funcional, añadiéndole las propiedades de React Router que necesitemos, pero no me parece la mejor idea. Gracias!
Hola Kengya, el withRouter ya no existe en react router v6 ya que se están centrando en el uso de hooks y dejaron de lado los Higher Order Components como withRouter. Te recomiendo que uses los hooks o de lo contrario te puedes crear tu propio HOC a partir de los hooks que trae la librería como te muestran en el siguiente enlace: reactrouter.com/docs/en/v6/faq#what-happened-to-withrouter-i-need-it
Gracias, hay algunos hooks y detalles que dejé sin explicar como el useMatch, traté de enfocarme en lo que más se usa en la mayoría de proyectos si no me quedaba demasiado extenso el video 😁. Saludos
Excelente video ! pero tengo una duda con Navigate. En mi proyecto necesito pasar en el header el token de acceso (un login) para ir a la api y solicitar los datos. cómo llevo ese token hacia la consulta de la api para mostrar la data relacionada al cliente “logueado”?
Hola Miguel, por lo general el token se guarda en el localStorage y puedes acceder al mismo desde cualquier lugar. Si lo que deseas es restringir el acceso a rutas privadas, puedes hacer algo como lo que describen aca: reactrouter.com/docs/en/v6/examples/auth
te recomiendo que migres a hooks y no uses más withRouter. Pero si, se puede seguir usando withRouter, si te creas esa función (HOC) como muestran aca: reactrouter.com/en/main/start/faq#what-happened-to-withrouter-i-need-it O podrías crear un hook que traiga lo mismo que withRouter, como puedes ver acá (este ejemplo usa react router v5 pero es fácil adaptar) usehooks.com/useRouter/
Hola amigos, si les sirvió el video me ayudarían que lo compartieran, así llega a muchas más personas, muchas bendiciones y hasta el próximo
A ti también y que Dios te bendiga
Porfin!!!! un video honesto y sin tantas arandaleas, y al punto. por mi parte: ya suscrito, ya dedito arriba, ya compartido
Siempre aprendiendo con tus cursos.. excelente tutor.. un saludos desde córdoba Argentina..
Gracias Ezequiel, saludos a ti también
Gracias!!, no encontraba por ningún lado una explicación de Outlet que me sirva y la tuya me vino de lujo
Muchas gracias Yoelvis!! un abrazo desde Uruguay
Excelente video Yoelvis gracias por el ayuda 💪
Que maravilla de video, estaba aprendiendo react router 6, y con tu vídeo me quedo super claro algunas dudas que tenía acerca de las nested routes! Sigue así, muchísimas gracias por el video, me ayudaste un montón
Suscrito, Excelente casi tocayo, eres un Crack, segui adelante, Saludos desde Venezuela.
todo un capo , saludos desde Argentina
Exelente video, contigo aprendo mucho siempre 👍🏻👍🏻
No me deja de sorprender la calidad del contenido que nos regalas! grande!
Un maestro total! Gracias por el tutorial
Muchas gracias profesor, seguire estudiando gracias
Muchas gracias, muy buen video, perfectamente claro y conciso
Genial Yoelvis, muchas gracias por tu aporte, fue de mucha ayuda...
Genio!!! Gracias por Compartir!! Gracias Totales!!
Muy bueno excelente video, ojala puedas hacer un video pero usando firebase auth con roles
Que buen video muchas gracias por tu aporte a la comunidad gracias
He mirado varios videos sobre Hooks, pero gracias a tu explicación y ejemplo lo he entendido de maravilla. Ahora a practicar!! Gracias!!!!
EXCELENTE VIDEO AMIGO!!!! SEGUÍ ASÍ!! GRACIAS POR TU CONTENIDO :)
muy buen video, yo slo venía para entender lo básico y termine aprendiendo cosas muy útiles para otras cosas :) :)
Qué buena explicación, muy claro y conciso. Muchas gracias!
Super bien explicado y con ejemplos claros! Espero que siga creciendo tu canal
El mejor como siempre, al fin pude entender como funciona el outlet! GRACIAS!
eres un pro en react, muy buena explicación.
Muchas gracias, me alegro que te sirviera la explicación
@@YoelvisM si y también lo compartí con mis compañeros de estudio. Un gusto ayudarte también.
Muy buen video Yoelvis, seguí así. Saludos.
gracias Ramiro!
Que grande que sos
Sos crack! Tenía dudas sobre el Outlet y useSearchParams() pero con tu clase me quedó re claro, gracias!
Magnífica explicación, muchas gracias bro.
genio total, muy bueno! gracias
Hombre me has ayudado un monton, estoy tomando un curso de react y en el estan usando la version 5 de react router dom. Super completa la forma que abordas la libreria.
Bien haz mas videos
Muy bien explicado la verdad es una gran librería que te facilita mucho el Routing
Impecable, mil veces mejor que leer la documentación :D
Excelente. Muchas gracias
Muchas gracias por el video.
Buenisimo este video, muy bien explicado y excelentes ejemplos para aprender a usar esta libreria. Manito arriba! Gracias por el tuto!
Termine enamorado de react route, te permite hacer muchas cosas la forma de pasar parámetros y mostrar datos una locura 👌
Gracias, muy bien explicado, dominas el tema bastante bien, si pudieras hacer un video de un CRUD en MERN estaría excelente.
Tremendo tutorial men!
¡Qué grandioso video! Justo estaba intentando trabajar con Layouts desde las rutas y no lograba hacerlo funcionar.
Sos gigante Yoelvis!! Me ayudaste un monton, muchas gracias y te super recomiendo.
Gracias por el video!
Muy interesante y completo, muchas gracias por el aporte
Buenaas, excelente contenido me ayudo mucho.
Excelente contenido!!
Buenas, podrías hacer un vídeo explicando las buenas prácticas para gestionar las rutas públicas y privadas en React.js. Un saludo.
apoyo la mocion
muy buen video amigo!
Exelente video muchas gracias por tu contenido es muy bueno profe!..
Un pedido podría realizar un curso de NextJS 🙏🙏🙏
Parabéns pelo video goste muito
excelente!
extraordinario hermano, gracias me sirvió mucho
Hasta ahora veo su canal es interesante, tienes un listado de como hiciste la web de peliculas?
Me gustaria hacerla.
Fantástico video. Muchas gracias.
Excelenteee
Muy buena explicacion en el caso de typescript con react, puedes realizar algun tutorial, gracias por el trabajo realizado
Excellent video! NICE JOB!
Muy bueno! muchas gracias
Hola Yoelvis. Excelente vídeo de introducción a React Router v6, felicidades.
Lo que me gustaría saber es si esta versión se puede implementar en componentes de clase, y no solo mediante hooks. Es decir, cómo acceder a useLocation, useParams, useNavigate, etc, desde un componente de clase.
He visto algo de cómo envolver los componentes de clase con un HOC funcional, añadiéndole las propiedades de React Router que necesitemos, pero no me parece la mejor idea.
Gracias!
Hola Fernando, esta versión está enfocada solamente en el uso de hooks, si necesitas soportar clases puedes crearte HOC como comentas, saludos
@@YoelvisM Muchísimas gracias. Muy bueno el tutorial.
Eres la mera verga mi Yoelvis 💪, que manera de explicar. Saludos✌
Hola, Yoelvis podrias hacer un video explicando como hacer con el withRouter? gracias :))
Hola Kengya, el withRouter ya no existe en react router v6 ya que se están centrando en el uso de hooks y dejaron de lado los Higher Order Components como withRouter. Te recomiendo que uses los hooks o de lo contrario te puedes crear tu propio HOC a partir de los hooks que trae la librería como te muestran en el siguiente enlace:
reactrouter.com/docs/en/v6/faq#what-happened-to-withrouter-i-need-it
Buen video me ayudo a entender muchas cosa de esta version ❤️, y useMatch?
Gracias, hay algunos hooks y detalles que dejé sin explicar como el useMatch, traté de enfocarme en lo que más se usa en la mayoría de proyectos si no me quedaba demasiado extenso el video 😁. Saludos
Good video :)
Hola, me funciono.
Se pude migrar de la version 5 a la 6.
Genial!!
Para que sirve el initialEntries del memoryRoute bro?
Buen video, se agradece. Habrá posibilidad de subir el proyecto a github?
gracias, acá te dejo el repo: github.com/ymulenll/react-router-v6-demo
@@YoelvisM Muchas gracias!
Excelente video ! pero tengo una duda con Navigate.
En mi proyecto necesito pasar en el header el token de acceso (un login) para ir a la api y solicitar los datos.
cómo llevo ese token hacia la consulta de la api para mostrar la data relacionada al cliente “logueado”?
Hola Miguel, por lo general el token se guarda en el localStorage y puedes acceder al mismo desde cualquier lugar. Si lo que deseas es restringir el acceso a rutas privadas, puedes hacer algo como lo que describen aca:
reactrouter.com/docs/en/v6/examples/auth
Hola amigo, estoy estudiando desde un curso V5, me surge la pregunta si children es reemplazado por outlet? gracias
Hola amigo, children es reemplazado por element
hola como puedo pasar datos de una pagina a otra
que temas de iconos utilizas?
Material Icon Theme
@@YoelvisM muchas gracias, y que pena molestare que temas utilizas para vs code?
@@DragonEuby uso uno que adapté a mi gusto, se llama Cobalt2 Theme Tweaked, Saludos
cómo reemplazar el withrouter?
te recomiendo que migres a hooks y no uses más withRouter.
Pero si, se puede seguir usando withRouter, si te creas esa función (HOC) como muestran aca: reactrouter.com/en/main/start/faq#what-happened-to-withrouter-i-need-it
O podrías crear un hook que traiga lo mismo que withRouter, como puedes ver acá (este ejemplo usa react router v5 pero es fácil adaptar)
usehooks.com/useRouter/