React Router Dom V6 - Tutorial Práctico desde Cero

En este ejemplo práctico vamos a aprender a utiilizar la biblioteca de react para crear un rutas o URLs en nuestras aplicaciones frontend, llamada React Router. Estaremos usando react-router-dom en su version 6, y entender como integrarla en una aplicación de React.

Indice del Contenido
00:00 Introdución del Tutorial
01:21 ¿Qué es React Router?
04:07 BrowserRouter, Routes, Route
18:24 Not Found
21:34 NavLink
33:04 Link
36:13 Params
43:29 Navigate
46:49 useNavigate
50:39 SubComponente
55:42 SubRoutes

Código del Ejemplo Práctico:

Videos Recomendados:

👨‍💻 ¿Qué servicios utilizo?

🌐 Redes:

#react #frontend

[JuanCarlos-oxdc]

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

[mauriciobetancur]

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 :)

[alexiszanotti]

La verdad, es que encuentro poco contenido explicado de manera tan clara como el tuyo! 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

[jorge.sepulveda.turpie]

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

[andresTorrecilla]

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

[kevinalexandervirgilioroja]

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.

[leandrogutierrez]

fazt muchas --- 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..., <Link to="/about"> <span>hohola </span> </Link>

[juliopaez]

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

[donovanvillanueva]

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

[DarkerDark]

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

[josedanielrodriguez]

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

[Rafaelv]

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

[abderrahimanejjar]

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

[herminsulparra]

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

[JuanCamba]

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

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

[rogerionascimento]

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

[josuepimentel]

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

[leonisocamponieves]

Muy buen contenido, Fazt. ¡Muchas gracias!