Тёмный
No video :(

React Router Dom Explicado al detalle - Autenticación, Parámetros, Querys, Routers anidados y más 

Luis Cabrera
Подписаться 7 тыс.
Просмотров 30 тыс.
50% 1

Опубликовано:

 

21 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 154   
@raulhernanromeroherrera2547
@raulhernanromeroherrera2547 2 года назад
De Colombia, que pena con usted pero que explicacion tan del putas, ahora si entendi, no soy desarrollador y tengo una hernia en la cabeza y me cuesta trabajo comprender, usted es claro, diafano y transparente. gracias.
@LuisCabrera
@LuisCabrera 3 года назад
0:00 Inicio del video 1:28 Configuraciones iniciales 3:15 Rutas básicas (Router, Switch, Route) 9:27 Error 404 11:16 Componentes de página 13:29 Menu de navegación, Link y NavLink 21:36 Sintaxis corta para rutas 22:48 Rutas con parámetros 26:41 Parametros tipo query 40:35 Autenticación - Creando páginas a utilizar 44:02 Autenticación - Componente Private Route 52:45 Autenticación - AuthProvider, useAuth 1:02:12 Autenticación - Botones iniciar y cerrar sesión 1:05:30 Autenticación - Redirigir a la página anterior 1:11:50 Autenticación - Rutas públicas 1:14:17 Autenticación - Persistencia con local storage 1:19:36 Autenticación - Ocultando elementos del menú 1:22:27 Routers Anidados - Router para categorías 1:33:50 Routers Anidados - Ruta privada en un router hijo 1:33:43 Routers Anidados - useRouteMatch 1:37:48 Routers Anidados - Un Router, dentro otro router, dentro otro router 1:45:42 Fin del video ¿Donde consultar sobre la librería?
@tebarei
@tebarei 3 года назад
Eres estúpidamente bueno! Recomendado, Denle una cerveza a este hombre! HAY ALGO QUE NO HAGA BIEN? Dios te bendiga y te de vida siempre.
@facundosr
@facundosr 3 года назад
Voy 10 minutTenés un don especial para explicar. No dejes de subir videos. Saludos!
@davidandrestorocalderon5804
@davidandrestorocalderon5804 3 года назад
muchas pero muchas gracias es el mejor videos tutoriales que eh visto hasta el momento seguire viendo los que siguen
@chaboxx159c
@chaboxx159c 2 года назад
eres increible amigo , ahora que REACT es el rey de la web tu explicacion es sublime :)
@ivanluengo8501
@ivanluengo8501 3 года назад
Increíble explicación. Eres de los profesores que mejor explica. Enhorabuena. PETICIÓN: Me encantaría que hicieras un vídeo de REDUX al completo. ¡Sería el colofón final!
@albertogabrielfeldman1642
@albertogabrielfeldman1642 2 года назад
Sin dudas si agregas redux al detalle no habra un curso de React en Español mejor que el tuyo. Es sinceramente, insuperable tu calidad..!
@alancastro5439
@alancastro5439 2 года назад
Terrible explicación, no quedaron dudas. 100 % recomendable. mil gracias!
@santiagopabloortiz6322
@santiagopabloortiz6322 2 года назад
Lo que aprendí en este video es increible. Oro puro.
@joelbarreraarotoma1632
@joelbarreraarotoma1632 2 года назад
Mereces un nobel, gracias
@agusu-
@agusu- 2 года назад
amé el video! pd: SEARCH se pronuncia SERCH
@juanebertaypeescobar3482
@juanebertaypeescobar3482 2 года назад
Nadie se compara con el profesor
@ultrasoftware9077
@ultrasoftware9077 4 месяца назад
al fin comprendi bien la navegacion ...gracias
@andresvargas8562
@andresvargas8562 2 года назад
La mejor explicación de la vida
@AlephNeoDev
@AlephNeoDev 2 года назад
El video número uno en explicar react router
@dannisisgt
@dannisisgt Год назад
Gracias mil, excelente explicaciones y ejemplos sencillos, en espera de nuevos contenidos y features
@clpp-dev
@clpp-dev 2 года назад
Que genialidad de video, muchas gracias por compartir sus conocimientos!
@davidexequieljiron5862
@davidexequieljiron5862 3 года назад
Este video vale Oro amigo, muchas gracias
@hernanarica6389
@hernanarica6389 2 года назад
Increible, te ganaste un suscriptor, eres un crack
@andresvillalba6517
@andresvillalba6517 2 года назад
Wouu la explicacion es magnifica!!
@albertogabrielfeldman1642
@albertogabrielfeldman1642 2 года назад
Genial el video, de lo mejor, muy concreto....felicitaciones!
@josemaldonado1422
@josemaldonado1422 Год назад
Muy buena explicación. Gracias por compartir tanto conocimiento. :)
@SA8FZ
@SA8FZ 3 года назад
Hola Luis como estas.... La verdad que el contenido que haces me sirve un montón y seguramente lo consulte bastante.... Muchísimas Gracias por compartir
@LuisCabrera
@LuisCabrera 3 года назад
Hola Santiago bien muchas gracias me alegra que haya servido este video 🙂
@metaforas1125
@metaforas1125 3 года назад
Te pasaste con este video, superdidáctico, claro y pracmático para llevar el código a la realidad, te felicito por el video, eres muy bueno en react se nota que lo dominas al milimetro, ojala puedas monetizar bien con youtube ya que he tenido que lidiar muchas veces con la publicidad de youtube hasta finalizar el video.
@nihil_um
@nihil_um 3 года назад
Ya echaba de menos tus videos. Muchas gracias por volver y además con un video largo y muy detallado. Así da gusto.
@hectorvargas5628
@hectorvargas5628 3 года назад
es increible que esto sea gratis y en español, muchas gracias bro!
@pamelaloyola4824
@pamelaloyola4824 2 года назад
Increíble video! Muchas gracias!
@Luisito_Silva
@Luisito_Silva 2 года назад
Super Excelente video....!!! muchas gracias.
@ricardofranco5195
@ricardofranco5195 3 года назад
me estaba rompiendo la cabeza viendo como organizaba el tema del log in hasta que llegue a este video, mil gracias!!
@ZarateAdriel
@ZarateAdriel 2 года назад
No puedo creer que este fue el ultimo video de la serie! Tus videos son geniales, ya los vi todos. Me sumo al pedido de Redux
@alfonsopayra
@alfonsopayra 2 года назад
sirch? 😂😂 se pronuncia "serch" !! muy buen video y explicacion either way! gracias
@nillerbjj1
@nillerbjj1 3 года назад
REALMENTE INCREIBLE, de verdad es sorprendente el conocimiento y manejo que tienes sobre el tema en cuestión, me atrevo a decir que no hay en la comunidad hispana un video que explique a este nivel como funciona esta Librería, de verdad muchísimas gracias.
@ElYorWTF
@ElYorWTF 3 года назад
No se porque me entretengo viendo este tipo de vídeos, me encanta ver como hacen los procedimientos los diferentes desarrolladores :D
@Estherdigital7
@Estherdigital7 Год назад
Hola luis amo tu forma de enseñar, me gustaria que sacaras un curso para aprender graphQL
@xReDCrIsTx
@xReDCrIsTx 3 года назад
Gracias por volver y encima con un tema re interesante
@luisangelespinosavega7886
@luisangelespinosavega7886 2 года назад
Muchas gracias hermano, que gran video
@bracamontedar
@bracamontedar 3 года назад
Excelente video Luis, super completo, te felicito. Sería brutal una parte 2 con roles de usuario y algo así como un array de rutas para autogenerar las mismas según role.
@code_castle
@code_castle 3 года назад
Estoy de acuerdo con esta idea... (ˉ﹃ˉ)
@fabiocastellanos1335
@fabiocastellanos1335 3 года назад
Eso no tocaría con un backend? O se puede toda la gestión de roles desde el frontend?
@bracamontedar
@bracamontedar 3 года назад
@@fabiocastellanos1335 He trabajado en apps en las que el backend te retorna el rol y según el rol del usuario el front monta las rutas, no sé decirte si sea la mejor manera pero seguramente no es la única.
@edustreamimg
@edustreamimg 3 года назад
@@bracamontedar Tienes algun ejemplo en github?
@luislamb99
@luislamb99 3 года назад
La mejor explicación para usar React Router Dom 👏🏼👏🏼. Gracias por mil Luis 🙏🏼.
@axelvalles255
@axelvalles255 2 года назад
dios q buen video, estaria muy bien uno igual pero con redux
@jonathanruizsilva
@jonathanruizsilva 3 года назад
Gracias por el contenido! :)
@CharlesDv
@CharlesDv 3 года назад
Créelo, eres lo mejor en español explicando y mira que llevo muchos años en esto. Felicidades y gracias.
@LuisCabrera
@LuisCabrera 3 года назад
Wow gracias por tus palabras
@gustavoaguilartorres2035
@gustavoaguilartorres2035 3 года назад
GRACIAS, EXCELENTISIMO
@jamesMelgar
@jamesMelgar 3 года назад
Sinceramente es el mejor video de autenticación que e visto.
@genecles
@genecles 3 года назад
Amigo... Recien descubrí tu canal por cosas de la vida... Te felicito. Explicas muy bien. Excelente!!!
@LuisCabrera
@LuisCabrera 3 года назад
Muchas gracias por tus palabras :)
@rapustin
@rapustin 3 года назад
Que bueno lo que estás explicando Luis. Lo guardo para más tarde. Gracias!
@migueljurado6783
@migueljurado6783 3 года назад
Excelente video bro gracias.
@ericengelmann9655
@ericengelmann9655 3 года назад
luis muy bueno gracias por tanto
@carlos_sosa_q
@carlos_sosa_q 3 года назад
Muchas gracias bro, me ayudaste mucho!
@lone-eltemplodeltalento6196
@lone-eltemplodeltalento6196 2 года назад
Muy bueno, gracias!
@senixcode5601
@senixcode5601 3 года назад
Seria genial con react query la autenticación :3
@criscontreras5374
@criscontreras5374 2 года назад
Muy buen video Luis, esta todo muy bien explicado desde lo mas básico hasta lo mas avanzado como la autenticación , el video esta bien seccionado sin mencionar que tiene los temas claros y bien ejemplificados. espero este video llegue a mas gente. saludos ✌
@juansebastiansanchez193
@juansebastiansanchez193 2 года назад
hola, muy buen curso, me gustaria que publicaras uno de node js
@wilmarmaytaferrufino7468
@wilmarmaytaferrufino7468 2 года назад
por favor podrías actualizarlo con la v6 , son buenísimas tus explicaciones
@jesussalcido2578
@jesussalcido2578 3 года назад
muchass graciassasasass!!! 10 de 10
@martinfernandez9644
@martinfernandez9644 3 года назад
Este es el primer video tuyo que vi, y ahora, despues de ver todos los otros del curso, lo estoy repasando por 2da vez. Simplemente genial!! Este y todos. Voy a ir haciendo unos proyectos para practicar y luego me meteré con la serie de fullstack para ampliar conocimientos! Segui generando este contenido que es excelente!
@LuisCabrera
@LuisCabrera 3 года назад
Gracias amigo me alegra que haya sido util he estado alguno dias sin subir contenido pero pronto retomare 🙂
@diexdom
@diexdom 2 года назад
Genial la explicación y ejemplos que realmente son aplicables. Te agradezco este material educativo valioso. 🔥🔥🔥🔥🔥🔥
@CarlosHerreraJugovie
@CarlosHerreraJugovie 3 года назад
Excelente aporte, me aclarastes muchas dudas sobre el Router, Rute, Link, NavLink, Switch. Gracias amigo...!!!
@hirocloud1150
@hirocloud1150 3 года назад
Crack!!! Me lo habian explicado de una manera muy confusa y en menos de 2 horas entendi todos los usos y conceptos. Gracias maestro!!!
@angele.t.2528
@angele.t.2528 3 года назад
Buenísimo, me sacaste de un estanque donde no podía pasar de ello. Gracias!
@patolote77
@patolote77 3 года назад
Excelente!!
@Fer_S.
@Fer_S. 2 года назад
Excelente explicación, un nuevo suscriptor!!! Gracias por compartir tu conocimiento y tiempo :) 👏👏👏
@jorgecalderon147
@jorgecalderon147 3 года назад
Con tu vídeo eh logrado comprender React Router, te agradezco tu tiempo y esfuerzo!
@edgardsierra9261
@edgardsierra9261 3 года назад
Volviste bro!! Saludos!!
@LuisCabrera
@LuisCabrera 3 года назад
De vuelta jeje
@ultrasoftware9077
@ultrasoftware9077 4 месяца назад
Gracias luis estas correciones son para las nuevas versiones de router
@marvinmenchu
@marvinmenchu 2 года назад
Excelente explicación, aprendí muchas cosas más en un solo video, muchas gracias, sigue adelante!!! Me suscribo a tu canal por este vídeo.
@saksahgx4011
@saksahgx4011 3 года назад
Excelente tutorial :´D
@BernalAgni20513
@BernalAgni20513 3 года назад
amigo tu forma de enseñar es muy buena felicitaciones
@oscar_cornejo
@oscar_cornejo 2 года назад
Luis, muchas gracias por el video, queda muy claro todo!! Alguna intención de hacer esto mismo, pero con la versión 6 de react-router-dom?
@cuberos7430
@cuberos7430 3 года назад
Muy agradable y didactica explicacion . Felicitaciones !! 👌
@snk263
@snk263 3 года назад
a la espera.. que bueno que volvistes
@danilomereles6671
@danilomereles6671 3 года назад
Como puede que un canal tan bueno tenga tan pocos subs, buen video pana, me costaba un montón este tema y contigo aprendí de una, muchas gracias.
@LuisCabrera
@LuisCabrera 3 года назад
GraciasDanilo creo que me Falta aprender mas sobre marketing en RU-vid ☺ asi con el tiempo ira creciendo mas
@franmartin2758
@franmartin2758 3 года назад
Gracias por volver!!!
@Tikirikuiki
@Tikirikuiki 3 года назад
Que buen tutorial, me ayudo mucho, gracias amigaso!!!
@juaniplanes
@juaniplanes 3 года назад
Sos increíble, mil gracias por existir!
@LuisCabrera
@LuisCabrera 3 года назад
Gracias amigo Juan por tomarte el tiempo de dejar tu comentario :) Saludos y exitos
@RubenAlbertoLapolla
@RubenAlbertoLapolla 3 года назад
Graciaaaas!... +10 como siempre.
@thelakersfan1000
@thelakersfan1000 3 года назад
Tremenda explicacion! gracias!
@homermoncayo9056
@homermoncayo9056 3 года назад
Excelente vídeo, muy buena explicación!
@pablomaidana7420
@pablomaidana7420 3 года назад
Muy bien explicado!
@Sn-pi9mt
@Sn-pi9mt 3 года назад
como siempre tus explicaciones son excelentes, gracias.
@francm_1
@francm_1 3 года назад
Justo lo que estaba buscando, te la rifaste. Saludos
@fredyechavarria8192
@fredyechavarria8192 3 года назад
Excelente video, muchas gracias por compartir tus conocimientos
@fabiocastellanos1335
@fabiocastellanos1335 3 года назад
Que delicia de contenido, genial como explicas
@brunomontd
@brunomontd 3 года назад
Simplemente gracias!
@LuisCabrera
@LuisCabrera 3 года назад
Gracias a ti! Por dejar tu comentario :)
@hernanarica6389
@hernanarica6389 2 года назад
Estaría bueno esto pero para router v6
@arnoldoumana3932
@arnoldoumana3932 3 года назад
Luis tus videos son muy buenos, podrias hacer uno sobre las diferentes formas de aplicar estilos a nuestros componentes. Gracias por tu gran aporte...
@LuisCabrera
@LuisCabrera 3 года назад
Ese es uno de los próximos :)
@saraacevedomaya4733
@saraacevedomaya4733 3 года назад
Uff super teso, me ayudaste demasiado, gracias
@LuisCabrera
@LuisCabrera 3 года назад
Gracias a ti por comentar :)
@ericbusten9675
@ericbusten9675 3 года назад
Muy buena explicación, muuchas gracias!! y me suscribo de paso :D
@LuisCabrera
@LuisCabrera 3 года назад
Me alegra 🙂 saludos
@jamavocorp
@jamavocorp 3 года назад
A la espera, cool
@luisantoniolopez884
@luisantoniolopez884 2 года назад
Comentario: No he visto este video, pero hace poco salió una nueva versión de React_Router-Dom en donde estos mecanismos de enrutamiento han sido reemplazados o modificados.
@ultrasoftware9077
@ultrasoftware9077 4 месяца назад
Para nuevas versiones {/* //redirection */}
@andreidanciu4313
@andreidanciu4313 3 года назад
Según leí en la documentación oficial el atributo del Router "component" no es exactamente igual que añadirlo más abajo, porque me parece que servía para cargar el componente de nuevo destruyéndolo y volviendo a crear cada vez que se renderiza y si lo añadimos como hijo solo actualiza él componte sin destruirlo. "Entre comillas todo porque no estoy seguro del todo" Gracias. De todos modos espero que saquen la V6 de la librería que lleva ya mucho tiempo en preview =(
@joelbarreraarotoma1632
@joelbarreraarotoma1632 2 года назад
Sería bacan actualizar ya que las nuevas versiones no dejan usar muchos switch
@code_castle
@code_castle 3 года назад
༼ つ ◕_◕ ༽つ UFFFF que vídeo tan genial !!!! Gracias por explicarnos todo tan claro. (☞゚ヮ゚)☞ Una 2da parte haciendo login con un backend seria buenisimo!!!
@angelfigueroa6662
@angelfigueroa6662 Год назад
Amigo me encantaría esta misma explicación pero con react router v6 ya que si cambia varias cosas y el outlet no lo entiendo ):
@curiosoelgato
@curiosoelgato 2 года назад
Hola, gracias por el contenido. Sabes que estoy haciendo la primera parte, donde dice Rutas básicas y me tira un error "× Error: [h1] is not a component. All component children of must be a or ".. como podría solucionarlo ?
@nickbrianjaureguimeneses1647
@nickbrianjaureguimeneses1647 2 года назад
hola compañeros solo les vengo a informar que en la nueva version YA NO EXISTE EL COMPONENTE " SWITCH ", ahora usamos " Routes"
@ultrasoftware9077
@ultrasoftware9077 4 месяца назад
Cambios en route , la version receiente da error solucion import { Navigate } from "react-router-dom"; export default function PrivateRoute({ Component }) { const user = { id: 1 }; return user ? Component : ; } //app
@jhonrvlogger
@jhonrvlogger 2 года назад
para la V6 ya no se usa Switch
@victorbaldeonrodriguez4945
@victorbaldeonrodriguez4945 3 года назад
LuisCabrera, que extension de vscode usas para los react snippets ?
@gerardojao
@gerardojao 2 года назад
soy nuevo con React router dom, no he podido avanzar casi al inicio, me arroja un error [h1] is not a Route component. Alguien me puede ayudar por favor
Далее
Reactjs, Curso Práctico para Principiantes (React 16)
3:16:05
React, Rutas protegidas con React Router v6
41:51
Просмотров 67 тыс.
📚 Tutorial de React Router 6 desde cero
1:44:23
Просмотров 100 тыс.
useEffect explicado a fondo
22:43
Просмотров 71 тыс.