Тёмный

React Router [ #02 ] Rutas con Parámetros consumiendo una API 

Bluuweb
Подписаться 225 тыс.
Просмотров 43 тыс.
50% 1

Curso completo ⭐ REACT + FIREBASE ⭐ Aquí: curso-react-js-udemy.bluuweb.cl/
Veamos como utilizar rutas con parámetros consumiendo una API, todo esto con la magia de Reactjs y Router Dom.
Documentación utilizada:
💩 bluuweb.github.io/react-udemy/
💩 React curso [Lista de reproducción]: bit.ly/37VBU1i
💩 age-of-empires-2-api.herokuap...
💩 age-of-empires-2-api.herokuap...
💩 chrome.google.com/webstore/de...
💩 github.com/public-apis/public...
🐱‍👤 Todos los cursos aquí: / bluuweb
#react #hooks #crud
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] curso-bootstrap-4-udemy.bluuwe...
🧨Curso Vue.js + Firebase [UDEMY] curso-vue-js-udemy.bluuweb.cl
🧨Cursos en oferta Udemy: ofertas.bluuweb.cl/

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

 

12 мар 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 74   
@brahiancano7179
@brahiancano7179 4 года назад
Tienes un talento enorme para transmitir la información. Gracias por tu tiempo.
@isaactorresrobles7042
@isaactorresrobles7042 2 года назад
Muy bien explicado le entendi a la primera algo que al profe no le pude entender, muchas gracias
@Rodrigo-os6md
@Rodrigo-os6md 3 года назад
realmente sos muy bueno tanto desarrollando como explicando.. me salvaste de una grande en mi tercer dia de laburo como trainee jajaja gracias amigo, me suscribo y seguramente me anote en tu curso para darte mis sinceras gracias. Saludos
@genesisgarcia2471
@genesisgarcia2471 4 года назад
Excelente tus explicaciones son muy claras, te agradezco montones!
@mariomarquezsantiago9221
@mariomarquezsantiago9221 Год назад
me ayudaste, no se si no lo encontraba o no les entendia pero tu tutorial me ayudo... mchas gracias...
@Bluezzing25
@Bluezzing25 3 года назад
Excelente explicación!! Muchas gracias!
4 года назад
Execelente muy claro todo! Un nuevo subscrito!
@javierperalta6852
@javierperalta6852 3 года назад
Gracias por la gran explicación, queda muy claro como orientarse en este mundo :)
@XDoggoX
@XDoggoX 3 года назад
Me has ayudado muchisimo, no encontraba un vídeo tan muy bien explicado. Muchas gracias T_T
@d-landjs
@d-landjs 3 года назад
Excelente amigo, fue brutal este tema de parámetros, creo que con Next Js se maneja de una manera mas fácil!
@ssheduardo
@ssheduardo 4 года назад
Genial con react sigue así de a poco
@sabrinademetrio9685
@sabrinademetrio9685 Год назад
Muchas gracias, sos un genio!!!
@leandrolillo6684
@leandrolillo6684 3 года назад
Doy me gusta a pocos vídeos.. en este caso, doy me gusta por usar una API para las civilizaciones de tremendo juegazo, como lo es el Age.. jajajaja.. Muy buenos tus videos, claros y con ejemplos sencillos, perfectos para aprender. Muchas gracias!
@tomassandoval7018
@tomassandoval7018 2 года назад
Hola estoy viendo este curso desde el principio y esta muy bueno, me ha ayudado mucho. Eso si, la clase pasada no vimos lo que nombras al principio de este video
@Davidex86
@Davidex86 3 года назад
Gracias capo, me ayudaste mucho a entender React
@gilbertardila
@gilbertardila Год назад
millones de gracias
@gamershere4531
@gamershere4531 2 года назад
Muchisimas graciassss.
@bluuweb
@bluuweb 2 года назад
Gracias a ti 🤙🏽 saludos
@franofilms2316
@franofilms2316 4 года назад
Excelente video!! Se entiendo todo muy bien!! 😁 . Estimado consulta, harás algún video explicando la estructura de un proyecto. Vi algunos proyectos en internet que tenian directorios: componentes, containers, services, etc. Y no me quedó claro que va en cada uno de esos directorios. Te lo agradecería un montón. Saludos y gracias nuevamente por los videos.
@sergiolopez7338
@sergiolopez7338 4 года назад
Justo llevaba días buscando esto para mi proyecto... soy junior y sabía lo que quería hacer pero como exactamente como hacerlo, y justo apareció tu vídeo. Además unas explicaciones muy claras y expliciativas, genial!.Muchísimas gracias por los aportes!, fue de gran ayuda. Un saludo desde España.
@bluuweb
@bluuweb 4 года назад
Muchas gracias Sergio! esa es la idea del canal :) crecer juntos en el desarrollo web! 🎉🎉🎉
@zanja3373
@zanja3373 2 года назад
pero que crack que sooossss
@gabrielsalomon3229
@gabrielsalomon3229 2 года назад
Muchas gracias Bluu!
@oscary02
@oscary02 4 года назад
Muy bien gracias.
@MARCAJAL
@MARCAJAL 3 года назад
Excelente!!
@jasemvalencia443
@jasemvalencia443 2 года назад
Maestro!
@enriquedonaire5378
@enriquedonaire5378 2 года назад
Graciaaaaaaasssss!!!!!!!
@jean96rq
@jean96rq 3 года назад
Gracias
@alexisredes01
@alexisredes01 3 года назад
genio!!
@Rosenrot023
@Rosenrot023 4 года назад
Graciaas
@brayanhernandezmora8619
@brayanhernandezmora8619 4 года назад
Hola muchas gracias por tu contenido me podrias decir que utilizas para que el codigo se vea de esa forma en tu guia o solo es una imagen. desde ya gracias
@code_castle
@code_castle 4 года назад
Checando maestria en 3 2 1... =)
@bluuweb
@bluuweb 4 года назад
jijiji Saludos!!
@ugartejiujitsu
@ugartejiujitsu 3 года назад
Gracias compadre, me sacaste de un bug de 6 horas. ....xd
@josecontreras9068
@josecontreras9068 4 года назад
amigo saludos a la distancia, porque no haces una plantilla pequeñita mostrando los datos para el coronavirus covid-19 talvez integras admin lte o bien con css darle los estilos y usar alguna api de monitorizacion y mostrar los datos en la web que dices?
@alex_ventura
@alex_ventura 4 года назад
Como solucionar el doble tender del componente? Ya que se en el useEffect se está seteando nuevamente el state.
@ChaviSennin
@ChaviSennin 2 года назад
Excelente video, la verdad es que tu forma de explicar es muy simple y creo que cualquiera puede meterse a tus clases y aprender sin mayores problemas, muchas felicidades. Tengo una pregunta, si me encuentro dentro de la url de mi app con id = 1 y desde ahí ocupo un Link que me lleve a la misma url con id=2 ¿Qué debería hacer para evitar que se quede la información anterior? Porque me pasa que mi url del navegador cambia sin ningún problema, pero la información no, este problema únicamente me sucede cuando me encuentro desde una url similar, por ejemplo estoy en: /home/detelles/1, el Link me lleva a /home/detalles/2, cuando hago click sobre el Link, el navegador hace el cambio de url, pero no se muestra la información nueva, sino que se queda con la información anterior, tengo que recargar la página para que pueda obtener los datos del id = 2. Espero poder haberme explicado, muchas gracias por cualquier ayuda.
@ElPapu77746
@ElPapu77746 Год назад
tambien funciona con axios, solo que acomodar algunas cosas, pero la lógica es la misma 👍
@mupha1552
@mupha1552 4 года назад
Hola me gustaría se me puedes ayudar con algo de bootstrap Que me hice una web en bootstrap v3.3.7 y al hacer e cambio de versión no se ve igual la pagina de ante mano !Gracias¡ se que no viene al caso pero e hablado con gente y nadie me ayuda
@carlossantaella139
@carlossantaella139 3 года назад
excelente, la verdad explicas mejor que platzi
@SsmarcosS41
@SsmarcosS41 2 года назад
y el fichero json lo podemos tener en un componente directamente y ya?
@mariajorgelinapestalardo3249
consulta, cuantos use params podes usar? suponiendo que tenes una url que sea por ejemplo /civilizacion/idCivilizacion/pueblo/idPueblo ... se puede pasar por parametro el id de civilizacion y de pueblo en el mismo archivo? no sé si me explico.
@Grishopping
@Grishopping 4 года назад
Felicitaciones llegaste a los 100.000 suscriptores.............. te mereces eso y mucho mas..... éxitos Fecha: 3 de mayo del 2020 para que quede para la historia jejejejeje
@Krlangaz18
@Krlangaz18 4 года назад
Faltó el Adiuuuuuuuus xD
@kevinortega6680
@kevinortega6680 4 года назад
una consulta bro cuando yo presiono nosotros o cualquiera de los otros del navbar en vez de que la url quede localhost:3000/About me queda localhost:3000/About/About asi no vuelve a la carpeta anterior
@elbrusbaskaev8760
@elbrusbaskaev8760 2 года назад
Hay una 3era parte de esto?
@SsmarcosS41
@SsmarcosS41 2 года назад
porque los componentes los pones en jsx?
@rainbow-jw3og
@rainbow-jw3og 2 года назад
hola Donde esta el link del repositorio?
@colommbiano
@colommbiano 4 года назад
profesor desde su punto de vista si comparamos vuejs con reactjs es mas facil aprender vuejs?
@bluuweb
@bluuweb 4 года назад
En mi opinión Vue es especial para comenzar en el mundo de los framework, pero ojo, no quiere decir que sea más débil :)
@darioyucra4637
@darioyucra4637 4 года назад
Muy bueno! para cuando un curso de react en Udemy?
@josequispe4893
@josequispe4893 Год назад
buen comentario,.... no le pidan mucho a las APIS publicas gratuidas, dar las gracias
@KvP212
@KvP212 3 года назад
Le doy Like porque en general el vídeo está bien, pero lo que hiciste al final con el id, no tenía que ser así, porque lo que se pone en los brackets, solo son los estados que estas observado, en este caso podía ser "pueblo", o no colocar los brackets
@AlejandroMottaYT
@AlejandroMottaYT 2 года назад
buen video pero porque el primero de reaact router es diferente? en el anterior no tenias nada de la api wtf
@Sisoog091
@Sisoog091 4 года назад
Buenas! me gustaría saber que cursos son completos gratuitos y cuales son de pago, para poder administrarme mejor ^^ muchas gracias, sigue asi ^^
@sangu1995
@sangu1995 4 года назад
Una consulta si yo quisiera acceder a cada uno de estos strings por separado: "civilization_bonus": [ "Town Centers cost -50% wood upon reaching the Castle Age", "Foot archers (excluding Skirmishers) have +1 range in Castle Age and +1 in Imperial Age (for +2 total)", "Shepherds work 25% faster" ]. Como deberia hacer? Gracias! Excelentes videos.
@scarfacethebest
@scarfacethebest 4 года назад
const separados = civilization_bonus.map(x=>x); Fíjate que es un array, y por lo tanto se puede iterar.
@sangu1995
@sangu1995 4 года назад
@@scarfacethebest Gracias. Me arroja este error cuando lo intento : TypeError: Cannot read property 'map' of undefined. Lo hago asi: {civilizacion.civilization_bonus.map((civ) => ( Team Bonus:{civilizacion.team_bonus} ))}
@rami5040
@rami5040 4 года назад
@@sangu1995 te arroja error porque es un objeto no es un array
@rami5040
@rami5040 4 года назад
Para acceder a cada debes hacerlo de la siguiente manera civilization_bonus[0] y así sucesivamente
@sangu1995
@sangu1995 4 года назад
​@@rami5040 Lo habia realizado asi pero no me funcionaba, igualmente lo volvi a probar y me tira: TypeError: Cannot read property '0' of undefined Lo hago asi: 28 | 29 | {civilizacion.name} 30 | > 31 | {civilizacion.civilization_bonus[0]} | ^ 32 | 33 |
@scarfacethebest
@scarfacethebest 4 года назад
Para cuando enseñas context xD
@bluuweb
@bluuweb 4 года назад
Voy primero con Redux y luego pasamos a context :) Saludos!
@xpmoon
@xpmoon 3 года назад
Puedes hacer un video explicando como hacer el manejo del 404?
@joelventura76
@joelventura76 3 года назад
la api esta tontita jajajaja XD XD :S :S
Далее
CONSUME AN API WITH REACT.JS (EASY MODE)
38:00
Просмотров 30 тыс.
React Hooks [ useEffect ] Consumiendo una API
11:44
Просмотров 58 тыс.
POP CHALLENGE 🎈
00:36
Просмотров 688 тыс.
React Proxy | Easiest Fix to CORS Errors
15:52
Просмотров 81 тыс.
How Does React Actually Work? React.js Deep Dive #1
15:25
React: Context Api
18:35
Просмотров 32 тыс.