React Router Dom V6 - Tutorial Práctico desde Cero

[@JuanCarlos-ox3dc]

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

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

[@alexiszanotti949]

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

[@rogerionascimento1989]

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

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

[@josedanielrodriguez3348]

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

[@abderrahimanejjar91]

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

[@leonisocamponieves8941]

Muy buen contenido, Fazt. ¡Muchas gracias!

[@andresTorrecilla14]

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

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

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

[@eduardogomezmorales]

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

[@jorge.sepulveda.turpie]

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

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

[@Rafaelv570]

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

[@FaztCode]

Gracias Rafa

[@DarkerDark1]

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

[@maximo_vj]

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

[@juliopaez9989]

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

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

[@JuanCamba81]

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

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

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

[@herminsulparra1787]

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

[@josuepimentel2488]

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

[@donovanvillanueva5281]

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

[@joelbarreraarotoma1632]

Mereces un nobel

[@ericengelmann9655]

Fatz has mejorado mucho en tu explicacion. saludos desde argentina

[@francopaolorossi]

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

[@agustinlevental7488]

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

[@LCaraballo]

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

[@roddy_21_25]

El mejor curso sin dudas

[@luisblanco2768]

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

[@gonaz]

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

[@joelpumasunam90]

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

[@richardramirez5746]

Creo en Fazt todopoderoso que me fortalece

[@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é :)

[@juanduque6393]

Hiciste un video excelente, te debo la vida

[@geniusdesign7306]

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

[@joelrojas6970]

Magistral esta clase, muy bien explicado todo

[@jaeger12psx]

Impecable como siempre Fazt. Magnifico video.

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

[@jessi9522]

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

[@bazc_prod]

Gracias Fazt... eres un pro!

[@peblo_benedix]

Excelentisimo Fazt, muchisimas gracias por estos tutoriales :)

[@miguelangelriconavarro7165]

Muy buen video Fazt, saludos

[@eliasvillalba4608]

Mil gracias!

[@German-zq7gc]

GENIOOOOOOO JUSTO LO QUE NECESITABA PAPAAAA

[@kevinguzman1929]

Muchas gracias por el contenido Fazt! Bendiciones!!!

[@ehumerezu]

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

[@egan36]

Gracias fazt lo estaba esperando! Abrazo!

[@outletshelssy]

Muchas gracias por este excelente video.

[@user-ed3vq4xh7t]

Muy bien explicado !

[@bluemountains8824]

Una maravilla la explicacion. Muchas Gracias !!

[@johnfriend2010]

muchisimas gracias excelente video y magnifica explicacion se te agradece mucho

[@julian888s]

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

[@Randomize-md3bt]

GRANDE FAZT GRACIAS POR MUCHO Y PERDON POR TAN POCO

[@Slayzer]

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

[@lindltaylor4093]

Cómo siempre fazt muy actualizado gracias fazt 👍

[@cecibenitez3917]

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

[@brayanpuentesruiz4160]

JUSTO LO QUE NECESITABA! Que grande eres bro

[@enriquegreen7369]

Altos videos amigo, espectacular

[@martincarp4671]

justo necesitaba esto de la V6!

[@mariolopezbarceinas1752]

Tremenda clase amigo, muchas gracias por compartir :D

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

[@robertobenedit]

Mi dios que bellleza de explicacion.

[@FaztCode]

Un gusto que te sirva Roberto :)

[@juanochando7146]

gracias bro, ya entendi React Router Dom

[@lacacode]

Que buen contenido maestro!!!

[@andresjerez5630]

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

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

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

[@davidespinoza1469]

Excelente. Gracias!

[@Eroquel07]

Excelente tutorial, muchas gracias.

[@jsubvee]

Gracias lo necesitaba

[@ccmarin14]

Fazt, muchisimas gracias

[@jonasroman2304]

Grande crack resolviste todas mis dudas 🤩

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

[@cristiancena5757]

Gracias Fazt

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

[@moralex74]

Super, Gracias

[@phreakphreak]

si estas haciendo tu proyecto con webpack desde cero para el que te funcione el cambio de rutas manuales tendras que agregar esta propiedad historyApiFallback: true a tu devServer

[@darioblasco1618]

Simplemente genial este vídeo 🤙🏽

[@garren666]

excelente video amigo

[@jpvladsa235]

video de 10 gracias

[@pablorosales9959]

Excelente explicación !

[@fernandojosefloresmendoza4504]

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

[@FaztCode]

Hola Fernando, el tema se llama Material Theme

[@paultorres8676]

Excelente video, explicas muy bien

[@AliLopez]

Gracias Fazt!

[@FaztCode]

a ti por comentar :)

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

[@brunomontd]

Muchas Garcías!

[@andersonmoralesparra4128]

Muchas 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

[@gemalopez4976]

De hecho ese Routes en versiones anteriores era Switch!!!

[@moiseshn2461]

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

[@heribertojuarez6046]

Muy bueno crack

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

[@jeisongarzon6066]

plsss haz una segunda parte !! Gracias

[@diegovallejos422]

Gracias!

[@diegoalexisaguirre451]

Gracias

[@danielramirezhuayanay6470]

Eres el mejor