React JS | Clase 07 - Routing y navegación 👨🏽‍💻 

sos un genio man! vengo del backend y he hecho algo de front con jquery y bootstrap 10 años atras. Ahora queria empezar a aprender react y la verdad que encontre el tutorial que buscaba. Muy buenas tus explicaciones. 👏👏👏

Excelente loco. Venia con las clases de coder y me estaba re perdiendo. Explicas muy bien y te entiendo todo a la primera. Ahora voy mirando tus videos para adelantar a las clases y encararlas de mejor forma. Segui asi 💪

Excelente! Primera vez que veo algo sobre React y lo estoy entendiendo porque explicas de una manera sencilla. Gracias brother! Éxitos. Ah! Suscrito de una vez.

Gracias, soy nuevo en react y por fin alguien explica bien y claro el tema de routes.

Carpi, sos lo mas!! Muy claros tus videos.Yo los veo junto con las clases de CH. Me termina de quedar claro con tus videos. Gracias por todo!

mano, eres una maquina, me solucionaste el problema que ningún otro vio pudo

React explicado de manera sencilla, gracias por el aporte

"El mejor de React" asi tengo guardado tus videos en los marcadores del navegador.

Muchisimas gracias, habia visto varios videos y ninguno funciono para pasar parametros dentro de un Link. Excelente video, me resolvio un gran problema.

carpi crack, necesitamos más videos de react!!!

Demasiado bien explicado

Excelente, como siempre 🙌 Me encantó que mencionaras tú consulta a ChatGPT 👏

genio !! muchas gracias por todo el trabajo y las ganas de enseñar

Muy bueno explicando, me gustan muchos tus videos, pero en este me perdi... vengo siguiedo esta serie desde el principio pero no tengo esos componentes, como ser itemDetails o itemDetailContainer a no ser que sea el video 07 de otra lista y la pusiste en esta para complementar :-)

no encontré el video anterior a este, pero con todo lo que has enseñado no lo necesite.

Muy buen video Carpi... un crack explicando como siempre... claro y conciso !!

yo lo hice con css lo de los titulos.Igual tambien le consulte a chatGtp que grande Carpi, nuestro heroe.

Gracias bro! Excelente explicación 🤙👌

Muchas gracias por tomarte el trabajo de hacer este contendio. Comento para ayudar a tu algoritmo, una observación que te haría es que la intro siempre decis "Soy Carpi y subo videitos de html, css y JS". Yo no diría "videitos" subis cursos enteros!!! Gracias de nuevo.

Excelente!!!

que cracken ! que bien explicado 👏👏👏👏👏

Sos crack amigo, me sirvio una banda para terminar de entender este tema. Mil gracias!!

QUE GRANDE CARPIII!

Grande carpi.. por fin vamos teniendo estas obras maestras de videos. Gracias papa

Muy bueno! Gracias Carpi

un 10, no entendia nada y al final pude hacer todo. gracias

Gracias carpi me ayudas muchisimo , sos un crack explicando :)

gracias! me ayudan muchísimo tus videos!!

Clarísimo carpi, sos un genio!

Hola chicos, les hago una consulta, venia siguiendo las clases, llegue hasta la nº 6, pero cuando inicio la clase 7 veo que tiene la App bastante avanzada con Menu (navbar), ItemDetail y otras cosas, hay alguna clase donde enseño eso.? porque me perdi. Gracias desde ya. Estan muy buenas las clases la venia llevando bien hasta ahi.

Contigo hasta el final caballero

Gracias gaspi 🤙🏻

Excelente Carpi!

Sos un crack Carpi!!!!

impecable...

Muy bueno hno!!

sos capo carpeeeeee

Carpi. Eres grande

Genio😊 gracias

Nota: Fijense que la categoria del json coincida con lo que regresa el useParams. Porque en mi json regresaba books pero el setProductos no me funcionaba con el filter. Mi json tenia las categorias con la primera letra en mayuscula y el useParams me regresaba todo en minuscula, tuve que usar la transformar la primera letra en mayuscula en una variable y poner esa en el filter para que funcionara

Excelente video carpi ! un saludo bro , sigue asi

sos muy capo carpi, sabelo

Ya vi que paso... en la lista la clase donde armas el proyecto, esta despues del video 7, y deberia estar antes :-) ... solucionado, a seguir ;-)

Excelente explicación

La clase anterior es Clase de repaso. Construyendo el proyecto.😊

tengo un problema no se si me puedas ayudar ya tengo creada las rutas princripales de mi pagina pero tengo un login ya que ingrese tengo un dashboard el cual tiene otro navbar y otro header que siempre van a estar y en la parte derecha se rendirizaran diferente componente dependiendo de la seleccion.

Grande carpii!!

en el caso de yo tener por ejemplo un LogIn que no quiero que mi usuario pueda escribir la siguiente ruta en la barra de navegacion y acceder a esa parte de la pagina sin antes loguearse como lo haria ?

Hola Carpi, una pregunta. Como puedo hacer si yo solo quireo tener la Navbar en dos paginas pero en las demas no.

Muy bueno el video! Tengo una duda, al momento de hacer back con la flechita del navegador la ruta cambia pero no se modifica la pantalla. Qué puedo usar para que se actualice el sitio en conjunto al cambio de la url, es decir poder volver pero sin el manejo de los botones que diseñamos nosotros? Saludos!

Profe, en la lista de reproducción del curso, esta clase esta después de la clase 10. Si es posible acomodarlo ya que los estaba viendo en orden y me perdí todo xD

y como puedo crear ruta privada para cuando creo un login y habrá un dashboard?

Profe. No dejaste el enlace al video anterior.

qué diferencia hay entre este metodo y el anidamiento de rutas?

hola carpi, seguramente no leas esto ni de casualidad pero no pierdo nada intentando. apenas empece a escribir en mi app.js me aparecio esto ERROR [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\123\Desktop\preentrega2reactjs-Peyloubet\Kasnya ode_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\123\Desktop\preentrega2reactjs-Peyloubet\kasnya ode_modules\eslint-config-react-app\base.js". que quiere decir?

Hola amigo, excelente video, pero una pregunta, que pasa si mi proyecto contiene un archivo layout.tsx? Tengo que implementar otra forma de navegar entre las paginas? Ya que el archivo App.tsx ni siquiera me lo reconoce

Tuve un problema y espero alguien me pueda ayudar el tema del browser router no se exactamente para que version funciona no se si react tiene una version o es el node no tengo la menor idea soy nuevo en react estoy empezando mi primer proyecto, sin embargo baje la version de mi react router dom y lo hice de esta manera en mi app.jsx: import { BrowserRouter as Router, Switch, Route, Link, useParams } from "react-router-dom"; import Prueba from "./pages/pruebas/js/prueba"; import React from "react"; import NotFound from "./pages/notFound/js/notFound"; function App() { return ( // // ); } export default App; y solo asi me funciono porque luego me salieron problemas de variables que no estaban incluidas en el react-router-dom si alguien me puede ayudar seria de mucha ayuda gracias

Carpi, veo que siempre usas divs en los returns, usar fragments no es lo mismo? Como practica que es mejor?

hola carpy

Hola Carpi, quisiera saber si estas mismas rutas las puedo hacer solo con archivos JS ya que no estoy utilizando JSX

teamo

En este video decis que continuamos con cosas que hicimos en el video anterior pero en tu App.jsx nunca hicimos un :(

Hola carpi, una consulta, porque cuando entro a itemDetail las imagenes que le puse a los productos no se ven?

Carpi para cuando el proximo video de firebase , nos ayudas un monton

Hola Carpi, podrías mostrar cómo subir el proyecto a github y utilizar las pages?

Hola, cuando comienzas el video tu indicas que hay que ver el video anterior, yo vengo del video 6 que solo se consumio la api de pokemon, asi que cual seria el video donde avanzaste con estos archivos que muestras para routing y navegacion?

El mejor 🎉

Buen video, muy claro en todo. Gracias crack!

Muy buenos tus cursos, he aprendido muchísimo ¡Gracias capo!