Dejá tu lado

Подписаться 56 тыс.

Просмотров 16 тыс.

50% 1

Buenas buenas mi gente,
Querés aprender sobre Axios interceptor ? estás en el mejor lugar !
Con de tuti vemos cómo aplicarlo a un project de React desde 0 y controlamos desde los headers hasta los errores.
Repositorio: github.com/App...
🔴Si quieres hacer una donación🔴
streamelements...
🔴▬ Links de interés ▬🔴
Link a RU-vid: / gentlemanprogramming
Link a Twitch: t.co/vodIqiCH9N
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web: amzn.to/2ReBuzL
#comunidad #discord #twitch #programming #podcast #live #stream #clase #tech #it #scrum #kanban #agile #team #Hackathon #GentlemanProgramming #componentes #framework #library #framework #google #Facebook #tips

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

1 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@simonkdsz6164 Год назад

hola cual es la extension que usas para q te detecte ese intellicense cuando codeas?? gracias por todo bigote 🤩🤭

@GentlemanProgramming 9 месяцев назад

Creo que es mi AI que se llama CODEIUM :) es gratis y anda MUY bien

@bettinimarcelo Год назад

Tigre, me encanta tu contenido. Prefiero evitar librerías siempre que puedo. Uso Fetch con un abortController en el cleanup del useEffect. Alguna razón para no hacerlo así y cargar Axios con Interceptor? Valoraré mucho tu opinión.

@GentlemanProgramming Год назад

Genio ! En verdad es solo porque necesitaba el interceptor de axios en su momento para manejo de token y demás. Sino fuera por eso de una sin librerías :)

@andresparra5828 Год назад

Siempre logro aprender cosas importantes en cada uno de tus videos. ¡Saludos!

@martinsalinas5098 Год назад

gracias por todo el contenido que generas en tu canal! Es de primer nivel y me encanta la forma en la que profundizas en los temas y en buenas practicas. Te queria consultar cual es la extension que usas para el auto completado que te va sugiriendo codigo que escribiste previamente. Mencionaste algo de compilot, puede ser? Busque la extension pero no la encontre.

@GentlemanProgramming Год назад

Buenas buenas ! Es Copilot ! Una herramienta paga de GitHub

@GentlemanProgramming Год назад

y MUCHAS GRACIAS por tu mensaje

@Deus-lo-Vuilt Год назад

Gracias por los videos , una vez que acabe la lista iré a verme lo de next , gracias :3

@brunoguerra2055 8 месяцев назад

saben que puedo hacer si estoy haciendo el ejercicio con next 13 porque no me da el mismo resultado

@sebastianjulonchamana2987 6 месяцев назад

hubiese sido mejor que lo pruebes con peticiones que duran mucho tiempo xD

@GentlemanProgramming 6 месяцев назад

Por ? Un interceptor anda en cualquier tipo de petición

@sebastianjulonchamana2987 6 месяцев назад

@@GentlemanProgramming eso si, por ejemplo lo que buscaba era que se pudiera interceptar una peticion que aun no ha terminado, asi como cuando creas una instancia o otro recurso virtual que necesitas en un proveedor de servicio x, al crearla toma un tiempo de espera, y te vas a otra vista y luego regresas y pues sigue cargando, algo que pienso que se esta preguntando si la peticion ya ha terminado

@rodsilva6927 Год назад

Pero con react no tienes el seo que puedes tener con Nextjs

@GentlemanProgramming 9 месяцев назад

Depende, puedes tranquilamente solo que lo tienes que hacer a conciencia

@maclaren33 2 месяца назад

Algo q he intentado por todos los lados y no me ha salido es como hacer para q en el console no aparezca el error de las apis pero si hay un error en el api así se utilice try cacth simwpre saldrá en consola q hubo un error en el api. Sabes alguna manera q se. Pueda evitar esto? No quiero q sea tan sensillos q cualquiera vea mi error de api

@jhonhernandez2271 Год назад

Uff tremendo video, te has ganado un nuevo subscriptor, voy continuar viendo los demás videos de tu canal 👌

@BastianAlexanders Год назад

Haces la explicación interesante y divertida 😄 Aprendo y de paso me rio un poco. Gracias y te has ganado un suscriptor más. Saludos de Chile.

@montotox Год назад

Siempre dando buena data! Siempre hago spam de tus videos a todos mis colegas jaja. Muchas gracias por compartir tu sabiduría.

@marcosantonioalanyapacheco5245 Год назад

Nunca hizo refresh token D:

@GentlemanProgramming 9 месяцев назад

en el intercept, cuando hay un error, detectas que sea un error de código 400 y ahí llamas al refrescar token del backend, con esa respuesta, actualizas el token original y dices que vuelva a hacer la petición anterior :)

@jarinsonpalacios7637 Год назад

Que buen video, muy bien explicado ⚡⚡

@animatek6155 3 месяца назад

Dios es buenísimo y mucho más sencillo de lo que me esperaba, quería eliminar de la consola los mensajes de error esperados en las request, gracias!!, tienes nuevo sub

@valdelamarsanchezjovanyeli4236 Год назад

Buenas Buenas!! ando haciendo la estudiacion y me di cuenta de que hay un error cuando Alan muestra como cambiar los headers en el interceptor, no es error suyo sino que ahora con la versión mas actual de axios no funciona de esa manera, esto es por que hay dos tipos ahora, uno es el AxiosRequestConfig y el InternalAxiosRequestConfig, para hacer que funcione con el mismo código que tiene Alan solo hay que cambiar la versión de Axios, se van al package.json, buscan axios y cambian la versión por la 1.2.2, “axios”: ”1.2.2” Esa es la solución que encontré si hay otra manera háganmelo saber UuU

@LordinmortalMDQ Год назад

excelente ejercicio, lastima react , soy mas de angular, pero bue... hay q aprender todo

@benjaminquiroga3364 Год назад

POR MAS VIDEOS DE REACT TYPESCRIPT Y PROTIPS jajaj te banco mucho alan

@Sebastian-fj1wn Год назад

Parece ser que hay un issue en axios 1.3.4(a la fecha) al tipar el AxiosRequestConfig. Tuve que usar la versión de Gentleman en el video y listo. Gracias por todo Gentleman

@amaury_permer Год назад

Un tip, supongo ya lo sabes pero igual, en la consola si escribes "code ." te abre vscode en el folder donde te encuentres.

@cristiancamilocalderontapi8923 Год назад

Gracias por el video, ganaste un suscritpor más!

@ricardotilleriaochoa5674 Год назад

Gracias crack, estaba buscando esto, saludos desde Chile!

@ghss5088 Год назад

Perfecto. lo que estaba esperando!!! Gracias

@JhonyHDV Год назад

Naa hermano . axios solo sirve para usarlo como base nada más despues con react query o rtk. mas ordenado

@GentlemanProgramming Год назад

A mi me gusta más SWR :D

@ferdinandro Год назад

Hola, como se hace para refrescar el token estimado?

@GentlemanProgramming 9 месяцев назад

@ramiroguzmanc.3098 7 месяцев назад

@@GentlemanProgramming Pero si es un error 400 por algo diferente al token (por ejemplo digamos que estoy evaluando el 401, pero es porque el usuario no tiene el rol para hacer esa petición), no quedaría en un bucle renovando el token cuando el problema no es de ahí?