Consumiendo API de tercero con

Este documento detalla el proceso de consumo de APIs de terceros en Angular 17, enfocándose específicamente en el uso de provideHttpClient. Se explican las mejores prácticas para realizar peticiones HTTP a APIs externas y locales.
Se aborda cómo integrar servicios y realizar llamadas a APIs eficientemente en Angular, proporcionando ejemplos y consejos para optimizar la comunicación y manejar múltiples inyectores.
El uso de provideHttpClient se presenta como una solución preferible para configuraciones con múltiples inyectores, asegurando un comportamiento más estable y efectivo en la interacción con APIs.
Lista completa:
• Consumiendo API de ter...
🤝🏻Sé parte de la comunidad Domini code..!!
/ @dominicode
▶️ Curso de Angular 9 Udemy:
www.udemy.com/...
▶️ Tutorial de Angular desde cero:
• Angular desde cero 🅰 C...
▶️ 28 días aprendiendo Angular:
• ¿Qué es Angular? & Ins...
📩 Contacto: [e-mail]
👨🏻‍💻 Website: dominicode.com
📲 Instagram: / domini_code
📹 Twitter: / domini_code
💻 LinkedIn: / dominicode
📂 GitHub: github.com/dom...
🎥 Twitch: / dominicode_live

[@RoberthSandoval]

SEO en Angular Domini Code...muchas gracias capo!

[@DominiCode]

Con gusto

[@d-landjs]

Excelente maestro, todo entendible!

[@Jose-Suarez]

Excelente! Muy claro conciso y bien explicado.
Consultas:
1) es posible tener en el componente el servicio inyectado con accesibilidad pública y usarlo directamente en el template o es necesaria siempre la propiedad que apunta al observable?
2) pros y contras de inject() con respecto a usarlo en el constructor (a la antigua usanza)?

[@LorenzoJimenez]

Repliqué el ejercicio, pero en Angular 16.0.1, y todo funcionó, excepto el withFetch. Gracias

[@yoanestradablanco1608]

Buenismo el video grande otros 28 dias intensos de angular cositas nuevas a mi repertorio saludos

[@DominiCode]

Gracias, Bro

[@yamillanz8244]

Tenting en Angular...pero de como una hora si es posible....jejejeje Gracias como siempre Dominicode

[@visora4541]

Yo no he entendido el principio, donde dices que ahora tenemos el main.ts, lo que vendría siendo el app.module. Ya que son dos cosas diferentes y el main.ts ya existe en versiones muy anteriores. Lo unico que ahora ese ha cambiado de componente principal, antes tenia un module y ahora un componente.
Antes:
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch((err) => console.error(err));

[@DominiCode]

Entiendo tu confusión, ya que mi explicación no ha sido clara.
Voy responder en un video.

[@bikerbike]

Hola, no sé si ya lo explicas en otro video pero me sale
No pipe found with name 'async'.
gracias por tu respuesta

[@nicolasstivenjaimesduarte2696]

Hola, no sé si ya resolviste el error, pero debes importar el modulo ¨CommonModule´ en los ¨imports¨ de componente.

[@DominiCode]

Tal y como dime Nicolas lo puedes solventar con el CommonModule o directamente con el JsonPipe.

[@DominiCode]

Gracias!!!

[@giovannysarmiento3820]

Grande Vitor Roque

[@DominiCode]

Jejjeje, me han dicho

[@nicolasstivenjaimesduarte2696]

Hola Domini!!... De casualidad tienes el repo del proyecto??. Excelente contenido

[@joseantonioamayapostigo2542]

excelente video, pero tengo una pregunta he intentado de meter el products$ en un for y me da error para intentar maquetarlo y lo interesante seria hacer un crud que tengo problemas con un metodo de eliminar y editar y me da errores no se ya como atacarlo .Gracias por el aporte

[@aresinodev]

TIenes que utilizar el pipe async en el for también. No te sirve con interar la variable ya que es un observable y es asíncrono.

[@aresinodev]

¿Existe algún tipo de diferencia de rendimiento entre usar el XMLHttpResponse y usar el fetch nativo del navegador?
Si no es así, no entiendo por qué hacen esa distinción entre ambos para el HttpClient y no usan uno directamente.
Buen vídeo Dominico

[@carinthnd]

fetch is a more modern API and is available in a few environments where XMLHttpRequest is not supported. It does have a few limitations, such as not producing upload progress events.

[@carinthnd]

El mensaje anterior es algo que dice directamente en la documentación de Angular, al parecer es porque es mas moderno y con todas las funcionalidades al día en cuanto a usar fetch nativo de JS. Al parecer es mas que todo la ventaja de tener todo lo nuevo inmediatamente en ese método.

[@DominiCode]

Creo que Carlos, ya ha respondido tu pregunta. Y aparte de eso Angular hace una especie de cache cuando utiliza el fetch nativo.

[@edgardomolinagonzalez3121]

Esa música de espera de UA-cam dan ganas de arrojar el teléfono al suelo >:v

[@DominiCode]

No te enfades xD

[@appbraham]

Lo mismo, pero ahora con GraphQL 👍

[@DominiCode]

Ya tenemos algo de GraphQL ua-cam.com/video/dy6GEHWLwrs/v-deo.html

[@turnojojo]

Cual es el snippets que te autocompleta las cosas?

[@dulcemariagomez7109]

Hola, tambien me interesa saber☺