React Router Dom V6 - Tutorial Práctico desde Cero

[@mauriciobetancur8841]

Hace días tenia problemas con esto ya que estaba siguiendo un tutorial tuyo de react antiguo, pero siempre sales con un video cuando más se necesita jajaja. Saludos fazt :)

[@FaztCode]

Saludos Mauricio

[@rocioy2136]

Tal cual , me pasaba lo mismo, Fazt es lo más ❤

[@JuanCarlos-ox3dc]

Como siempre Fazt dictando cátedra con sus clases magistrales. Se te entendió todo. It´s was amazing!

[@alexiszanotti949]

La verdad, es que encuentro poco contenido explicado de manera tan clara como el tuyo! Mil gracias!

[@Rafaelv570]

tienes un don impresionante, felicidades por tu talento para programar y enseñar

[@FaztCode]

Gracias Rafa

[@kevinalexandervirgilioroja6843]

Gracias bro, yo tenia el error del route hijo, no me mostraba la información, no sabia que había que ponerle path="vista/*" , esto * era lo que me faltaba jajajaja.

[@josedanielrodriguez3348]

el contenido que creas salva vidas y vale oro, de verdad muchas gracias! ahora voy al video de rutas protegidas

[@leandrogutierrez773]

fazt muchas graciasssss!!!!!!!!!!!!!!!!! --- por si a alguno no le funciona el link o no le aparece ... aprox en el min 35:00 simplemente envuelvan el texto en una etiqueta y listo..., hohola

[@DACayus]

Amé lo claro que explicó el modulo React Router, hice el ejercicio paso a paso y me sirvió muchisimo para el curso de React que estoy aprendiendo, Mil Gracias !!!

[@juliopaez9989]

Fazt excelente, estaba perdido, no sabia como volver después de cargar un formulario, tu explicación me salvo. Muchas Gracias

[@andresTorrecilla14]

Gracias brother de verdad me has salvado la vida estaba buscando un curso de reac router dom, excelente curso

[@jorge.sepulveda.turpie]

Justo lo que necesitaba para poder entender react-router-dom, muchas gracias por las enseñanzas......

[@rogerionascimento1989]

Este é o guia completo sobre o assunto, deveria ser anexado a documentação oficial, parabéns 👏👏👏

[@abderrahimanejjar91]

Esta version es mucho mejor que la anterior, gracias por el tutorial 👏🏻👏🏻

[@sdfsfsfd437]

Muy buen vídeo. Estaba estudiando la versión 5 pero quería pasar a la versión 6 y tenía problemas con los cambios. Gracias a tu video y explicaciones he podido hacer el cambio. Muchas gracias.

[@DarkerDark1]

por fin alguien que enseña desde cero a usar esta cosa otros ya tienen codigo escrito y no se entiende

[@JuanCamba81]

Buenisimo como siempre. Muy exacto, directo al grano y todo muy resumido.

[@josuepimentel2488]

solo un calificativo para ti.. Crack!! Gracias por compartir tu conocimiento bro!

[@donovanvillanueva5281]

Aqui en 2023, bueno casi 2024 aprendiendo, buen contenido !

[@ericengelmann9655]

Fatz has mejorado mucho en tu explicacion. saludos desde argentina

[@herminsulparra1787]

Acabo de aprender Router v6 gracias a ti. Muchas gracias 🥳🥳

[@leonisocamponieves8941]

Muy buen contenido, Fazt. ¡Muchas gracias!

[@maximo_vj]

Gracias bro, pense qué ya me había vuelto loco... Yo recordaba React Router diferente xD

[@eduardogomezmorales]

justo toda la semana llevaba batallando con esto gracias! otro video muy util como siempre

[@rogerurbano8965]

Excelente!!! Muy buena explicación use la versión 5 hace un par de años y ahora me veo con la sorpresa de que han actualizado, pero con tu método de enseñanza se me hizo muy fácil. Gracias.

[@LCaraballo]

Eres genial hermano! pude reforzar muy bien. Muchisimas gracias!!

[@francopaolorossi]

siempre @Fazt larga el tutorial preciso en el momento que uno lo necesita

[@CG-ly8wj]

Es la cuarta vez que miro este video completo, a ver si esta vez me queda en la cabezota jaja

[@FaztCode]

Siempre puedes hacer tus dudas y si algo no entiendes hasta se puede grabar un video del tema. Te recomiendo dejarlo en un nuevo comentario si es el caso, porque no me llegan notificaciones de respuestas solo de nuevos comentarios. Saludos :D

[@agustinlevental7488]

Hermano este video ale oro .Te felicito y aliento a que hagas mas videos como estos! felicitaciones!!!

[@hernangarcia77]

Buen video, muchas gracias!! Algo curioso que descubri por casualidad, estaba probando el activeClassName="active" de la version anterior y si funciona, ahora, lo curioso es que si dejamos la clase active en el css y no ponemos nada en el componente (esto es, ni classname={({isActive})} => (isActive ? "active" : "") ni tampoco activeClassName="active") funciona igual 😉

[@GerdSa]

al momento de ver el video notaba que los otros link tambien cambiaban de color y entonces decidi quitarlo el className y en verdad funciona, al final fazt no dejo claro porque pasaba eso , tu lo supiste?

[@richardramirez5746]

Creo en Fazt todopoderoso que me fortalece

[@luisblanco2768]

Excelente video como siempre... Exitos y mil gracias.

[@geniusdesign7306]

Muchas gracias por tu aporte hermano, justo venia teniendo dolores de cabeza con la nueva versión. Gracias mil!

[@gonaz]

Muchas gracias, faltó un poco la explicación de children, me hubiese gustado una explicación sobre eso. Gracias por el esfuerzo

[@jessi9522]

Muy buena clase, muchas gracias. Exitos con tú canal

[@juanduque6393]

Hiciste un video excelente, te debo la vida

[@joelpumasunam90]

Muchas Gracias Fazt, siempre aprendo cosas nuevas con tu contenido!!!

[@mikeskold89mm]

me gustan tus cursos, son bien explicados y dedicados. Deberias tener cursos en udemy, que incluyan proyectos y ser mas extensos, yo te los compraria sin dudarlo. muchas gracias

[@FaztCode]

Lo tendré muy en cuanto Miguel. Estoy creando algunos ejemplos avanzados y prácticos. Muy pronto los anunciaré :)

[@ehumerezu]

Sos un crack. Enseñas muy bien, éxitos!

[@roddy_21_25]

El mejor curso sin dudas

[@joelrojas6970]

Magistral esta clase, muy bien explicado todo

[@Randomize-md3bt]

GRANDE FAZT GRACIAS POR MUCHO Y PERDON POR TAN POCO

[@andresdeveloper9809]

Entendible muchas gracias, buena y rápida introducción

[@justavzz7163]

me gusto mucho, me hubiese encantado que enseñaras rutas privadas que es algo que si se pide mucho, espero leas este comentario y lo tomes en cuenta . gracias

[@FaztCode]

Por supuesto, es muy necesario, voy a elaborar un video del tema pronto

[@joelbarreraarotoma1632]

Mereces un nobel

[@juanochando7146]

gracias bro, ya entendi React Router Dom

[@miguelangelriconavarro7165]

Muy buen video Fazt, saludos

[@bazc_prod]

Gracias Fazt... eres un pro!

[@peblo_benedix]

Excelentisimo Fazt, muchisimas gracias por estos tutoriales :)

[@bluemountains8824]

Una maravilla la explicacion. Muchas Gracias !!

[@Slayzer]

Que extension utilizas para que autocomplete el codigo (ese que sale en plomo claro)

[@cecibenitez3917]

Ey!! te quedo genial el vídeo! gracias a este rápido tutorial ya hice upgrade a la version 6 :D

[@johnfriend2010]

muchisimas gracias excelente video y magnifica explicacion se te agradece mucho

[@jaeger12psx]

Impecable como siempre Fazt. Magnifico video.

[@brayanpuentesruiz4160]

JUSTO LO QUE NECESITABA! Que grande eres bro

[@enriquegreen7369]

Altos videos amigo, espectacular

[@kevinguzman1929]

Muchas gracias por el contenido Fazt! Bendiciones!!!

[@egan36]

Gracias fazt lo estaba esperando! Abrazo!

[@German-zq7gc]

GENIOOOOOOO JUSTO LO QUE NECESITABA PAPAAAA

[@lacacode]

Que buen contenido maestro!!!

[@mariolopezbarceinas1752]

Tremenda clase amigo, muchas gracias por compartir :D

[@martincarp4671]

justo necesitaba esto de la V6!

[@robertobenedit]

Mi dios que bellleza de explicacion.

[@FaztCode]

Un gusto que te sirva Roberto :)

[@lindltaylor4093]

Cómo siempre fazt muy actualizado gracias fazt 👍

[@DaveBorr]

Muy bien explicado, gracias.

[@fedepereyra5885]

Excelente explicación ! Gracias

[@julian888s]

DIsculpen, por que el home suempre me aparece active? asi le de click a otros enlaces siempre me sale activo, gracias

[@darioblasco1618]

Simplemente genial este vídeo 🤙🏽

[@jonasroman2304]

Grande crack resolviste todas mis dudas 🤩

[@vlad6075]

Por qué al equipo de react le encanta complicar el front-end? :v lo veo más sencillo en vue. Buenísimo el tutorial Fazt!

[@Bianca726-v5f]

Muy bien explicado !

[@manuelantunez4894]

hey master en la parte de navlink lo que pasa es que cuando creas una clase llamada .active ya no es necesario hacer nada react router te lo identificar por default es por eso lo que te paso en el minuto 30:40 ya no era necesario ni poner classname y te lo lee, contal la clase se llama active

[@nosabrevolver]

Excelente contenido del tutorial! Muchas gracias! Quisiera preguntarte cual es la extensión que utilizas para que te autocomplete el código con las arrow function.

[@FaztCode]

Hola Gabriel, esa extension se llama Github Copilot

[@pruebazxccxz5997]

Muy buena explicacion muchas gracias. Una duda, al usar no me redirige hasta arriba de la nueva vista, sino se posiciona segun donde me encontraba en la vista anterior. Es decir si me encontraba leyendo a la mitad de la vista, le doy al enlace, al llegar a la nueva vista me posiciona en medio, y no hasta arriba como al usar . Se puede solucionar esto?

[@paultorres8676]

Excelente video, explicas muy bien

[@genesis3d]

Una pregunta, al crear las rutas funcionan bien en el local, pero al subir al firbase no se puede navegar sin hacer click en el link, inmetiatamente te tira error 404, es posible navegar al estilo Next solo con router?

[@jeisongarzon6066]

plsss haz una segunda parte !! Gracias

[@nickpaz1029]

Muy buen video. Mi consulta es cuando usar switch? es necesario?

[@FaztCode]

Ya no existe Switch en esta versión, lo han cambiado por ese componente que mostré llamado Routes

[@fernandojosefloresmendoza4504]

Me gusta mucho tu tema de VsCode 🥺 Podrias compartirlo? 🥺

[@FaztCode]

Hola Fernando, el tema se llama Material Theme

[@davidespinoza1469]

Excelente. Gracias!

[@anthonysanchez8981]

Hola fazt! muchas gracias por este contenido, lo necesitaba, tengo una pregunta, ¿harás algún video de como trabajar con rutas privadas o protegidas con la v6?

[@FaztCode]

Si esta semana hare un Login y Registro en el que usare React Router v6 :)

[@cryptonews2210]

@@FaztCode Por favor !!! Lo mas pronto posible hermano, lo necesitamos!!! - si puede incluir en el login las redes sociales ( Gmail , FB , Twitter ) + Firebase como backend

[@heynerhumanez4406]

Yo ya lo hice, lo logre pero me dolieron los ojos de tanto leer la documentación xd

[@eliasvillalba4608]

Mil gracias!

[@syberiaok]

Excelente! soy nuevísima en esto y estoy tratando de crear mi blog con react. ¿Es posible crear las url de los post con react router? Gracias desde ya!

[@ccmarin14]

Fazt, muchisimas gracias

[@andresjerez5630]

y el server side render? :/ tengo el problema, y usar hashRouter no me soluciona todo lo que necesito

[@pablorosales9959]

Excelente explicación !

[@davidzuccarini8376]

si lo utilizo para react native web es react router dom o react router native usando native base

[@jsubvee]

Gracias lo necesitaba

[@darmexx1]

Muy buen video. Como sería para una ruta independiente ? Por ejemplo el login, ya que los login siempre son independientes (no aparecen el Navbar) se puede ?

[@eriksonvelasquez8019]

Tengo una duda todos y cada uno de las rutas te lleva a una ruta en específica con el navbar incluido, si tuviese una ruta al que quisiera ir a través del navbar sin que este mismo esté al final, cómo sería ? por ejemplo ir a la página del login (ahí no aparece el navbar) .

[@garren666]

excelente video amigo

[@moiseshn2461]

Cuando tenemos que mandar parámetros como un boton que muestre una card?

[@anonymushadow282]

pregunta tonta pero... esto esta bien hacerlo con react? porque tengo entendido que esto se trabaja desde el bakcend, pero no s

[@andresvargas8562]

¿Por qué aparecen demasiadas vulnerabilidades al instalar react-router-dom???!!!!

[@juanda3396]

grande crack aunque tengo una duda si tengo una ruta protegida como /auth/* y dentro de ella esta sus hijas como /login y /register, porque cuando redirijo a la ruta utilizando LINK de react router dom 6 me redirige a la ruta auth/login/auth/...

[@cristianlozadapadilla4896]

cual es la extension que utuiliza para escribir html con shortcuts?

[@ferfer4068]

Muchas gracias por compartir. tengo un pequeño problema y es que quiero usar diferentes navbar para las diferentes grupos de paginas en los router y de momento no he encontrado la solución gracias si me puedes ayudar muchas gracias o si alguien lo lee gracias.

[@wendyayala3673]

Gracias Fazt. El useParams me esta arrojando un error : Invalid hook call, sabes que puede ser?

[@AliLopez]

Gracias Fazt!

[@FaztCode]

a ti por comentar :)

[@tomassteven1]

buenas, como se haria para que los componentes estaticos como Navbar al cambiar de url se oculte/borre y cuando vuelva a poner la pagina principal vuelva a aparecer ?

[@miguelbecerra3003]

Tengo una duda existencial… como muestro solamente mi login page y luego, solo al loguearme, muestro el navbar ?