Consumir API desde Angular 17 Fácilmente Paso a Paso

[@felipemendietaz4947]

Excelente, fuera genial que comiences a utilizar el nuevo modo 'zoneless' y aplicar este paradigma al manejo de apis en Angular. Es decir utilizar signals para renderizar los resultados, ahora aún ocupas zone js. Si puedes hacer eso hermano te agradecería, excelente vídeo.

[@neisercp]

Si llegamos a mas personas, contemplare un video sobre los nuevos cambios de Angular 18 entre ellos la deteccion de cambios. Saludos!

[@NicoDev4u]

Buen video, me ayudo mucho a aclarar pequeñas dudas sobre angular 17

[@neisercp]

Que bueno que te sirvió suscribete y comparte para seguir subiendo más contenido de este tipo. Saludos!

[@phenom_gg]

Muy buen vídeo! Estoy empezando a hacer mi primer proyecto en Angular en el que quería hacer uso de una API y este vídeo fue genial. Tengo algunas preguntas de principiante: - Recomiendas siempre usar SCSS en vez de CSS? - También respecto a la generación del proyecto, la segunda opción es para términos de optimización de digamos una web o también afecta de alguna forma a la lógica de programación? - Qué extensiones para VSCode recomiendas? :D

[@neisercp]

Me alegra que te haya servido. Respondiendo a tus preguntas: Primero lo de scss, va depender de tu proyecto, recuerda que este tipo de file es como un css, solo que te permite mas funcionalidad, como declarar variables para reutilizar en las propiedades, etc. Segundo el SRR es solo la forma que renderizar tus componentes al momento de desplegar, no afecta la lógica funcional. Tercero, uso varias extensiones posiblemente haga un video mostrando las extensiones que uso. Saludos!

[@30javierm]

Gracias Neiser, simple y sencillo

[@neisercp]

Que bueno que te ayudo, comparte. Saludos!!!

[@joseantonioamayapostigo2542]

bueno por fin he podido de visualizar el array en pantalla pero falta lo de agregar eliminar y editar que no lo encuentro si es que lo tienes echo. Gracias por el Aporte

[@neisercp]

Voy a considerarlo en un siguiente video. Saludos!

[@joseantonioamayapostigo2542]

no se si has subido mas videos de consumo de api para poder seguir en agregar e editar y eliminar ???.Muy buen aporte Gracias

[@neisercp]

Hay un crud dentro del canal, en angular puedes revisar ello, igualmente pronto subire videos mas actualizados con la ultima version de angular. Saludos crack!

[@wilsonmori949]

bro pero ahi estas llamando 2 veces a la api, puedes hacer un video donde solo haga llamado desde el servidor y lo muestre en el cliente?. Gracias Exelente video muy claro y consiso.

[@neisercp]

Recuerda que se esta simulando el API, esa api es como si te estuviera devolviendo el server. Saludos!

[@rafarafa5527]

Hola buenas , para consumir cualquier api hay que seguir esos pasos o hay otras manenas tmb . saludo

[@neisercp]

Hay varias formas pero esta es la más común. Un saludo!

[@rominanavarrete5666]

Hola, gracias por el video! Intente de todas y no salio.... en el array salen los productos, pero es como si el for no me lo estaria tomando y en la productcomponent.html no se ve nada

[@neisercp]

Hola, te sale algún error en la consola?

[@rominanavarrete5666]

​@@neisercp en consola sale todo bien el array... ya veré con mas detenimiento... igual me re sirvió tu video! Muchas Gracias

[@DarKO-dr8le]

te amo

[@neisercp]

Gracias crack, suscribete y comparte, que se viene más contenido. Saludos!

[@darian_oria7373]

lo hize como tienes en el video pero no me muestra los datos. Probe la api con Postman y entrega los datos bien pero aun asi no se donde tengo el error. Me podrias ayudar?

[@neisercp]

Claro que si dime que error te sale

[@androrius1774]

hola, hice los pasos, pero no me muestra el contendio de la api simulada que hago?

[@neisercp]

Te sale algún error ?

[@andrecarcausto2740]

gracias hermano, funciono

[@neisercp]

Que bueno que te sirvió, comparte para seguir subiendo más contenido de este tipo.

[@AprendeSteamEc]

y para ingresar, modificar y eliminar datos?

[@neisercp]

Puedes revisar, subi varios videos sobre crud en el canal, seria de la misma forma que consumes el listado.

[@AranoFernando]

me gustaria que ubieras dejado el json

[@neisercp]

run.mocky.io/v3/6a27dcda-9b92-4bfb-bdcd-25c3d52b346c Aca tienes crack

[@AranoFernando]

@@neisercp le voy a dar me encorazona

[@neisercp]

@@AranoFernando jajaja dale crack, y sorry por la demora

[@joseantonioamayapostigo2542]

hola amigo he seguido el tutorial paso a paso y en el listado he consumido una api de php y resulta que no me devuelve nada y no me muestra nada

[@neisercp]

Prueba en postman si responde, e indicame que error te aparece.

[@joseantonioamayapostigo2542]

me da el siguiente error: [ERROR] TS2304: Cannot find name 'providewithFetch'. [plugin angular-compiler], y no se a que se debe algo debe de estar mal desde luego

[@neisercp]

​@@joseantonioamayapostigo2542 El error es muy generico eso sale porque no puede encontrar una definición o declaración para providewithFetch. Esto podría deberse a un error tipográfico, a que estás intentando usar una función o característica que no existe, o a que falta importar correctamente alguna dependencia en el proyecto, si gustas puedes compartir tu repositorio, y lo puedo revisar.

[@joseantonioamayapostigo2542]

con postman va bien me devuelve los json bien

[@joseantonioamayapostigo2542]

lo he repetido u no funciona