CRUD en React consumiendo una API

[@torrestobias]

Asi se hacen los videos, algo corto, facil de entender y bien directo, nada de explicaciones al pedo, muy bueno, saludos!

[@maytechnologies9504]

Excelente... claro conciso, directo al grano sin estar dando saltos por ramas... practico y funcional...

[@luisramirez2093]

Excelente ejemplo, funciona perfecto sin errores al abrir inspeccionar en explorador. La utilice con mi propia API y adapte los nombres de campos, funciona pero cada vez que inserta o elimina tengo que refrescar el navegador para que la pantalla actualice.

[@omarmerino2813]

Actualmente estoy aprendiendo otro lenguaje ya que me lo piden en el lugar donde laboro y "GRACIAS A TI" he reforzado mas mis conocimientos. Gracias brou!!

[@programandocondancruise]

Que bueno que te sirvió 😃, tengo un ejemplo actualizado y mas completo te comparto la liga: kzbin.info/www/bejne/f3KzhKahpZ1shZY

[@juancamilovalenciavillanue8756]

explicas muy bien, el CRUD quedo genial para el consumo de la API, me hubiera gustado que el modal estuviera en otro componente y las funciones en otro archivo como para trabajar un poquito con la estructura de componentes, muchísimas gracias

[@programandocondancruise]

Gracias Juan, ya había subido un CRUD en el que se separaba en componente formularios React - Consumir API kzbin.info/www/bejne/Z2XZlXp5fax0a68 … pero si, tienes razón, el modal bien pudo haber quedado en un componente para la comunicación entre componentes, muchas gracias por tu retroalimentación 👍😃

[@kliverdaelmairena9362]

Genio, con esto de aprende muchisimo, muchas gracias!

[@programandocondancruise]

Me da gusto saber que te sirvió este video de React, estoy preparando uno más completo y actualizado consumiendo api de laravel con autenticación Sanctum

[@williamjosuepinedamartinez9377]

Gracias encerio por este video, sos un crack

[@programandocondancruise]

Que bueno que si te sirvió, tengo otro video actualizado y consumiendo api de laravel, te lo comparto: kzbin.info/www/bejne/f3KzhKahpZ1shZY

[@velchaelmendez4842]

felicitaciones el video quedo muy bien esplicado, el Crud esta muy bien ejecutado

[@programandocondancruise]

Gracias 👍

[@sergioantoniopena4174]

Excelente tutorial. Gracis !!!

[@programandocondancruise]

Qué gusto saber que aunque sea un poquito les puedo aportar con mis videos 😃

[@anthondigital6383]

Seria bueno que hagas un vídeo con tablas relacionadas

[@angiekth]

Me encanto tu video, muchas gracias!! (aunque la api ya no esta disponible)

[@josemartinezpena5384]

hola, tendriamos que hacerla de nuevo xd

[@programandocondancruise]

La API la puedes montar, hay un video para hacerla y está el código fuente

[@ZetaZeta-n2u]

EXCELENTEEEEEEEEEEeeeeeeeeeeeeeeeeeee

[@facundobanegaz5800]

Me ayudaste mucho, una pregunta ¿como se puede hacer para evitar cargar el mismo producto dos veces?

[@programandocondancruise]

La validación se haría en la API, en la función para guardar se validaría que no exista otro producto con el mismo nombre. De lo contrario sería convertir el JSON a array y recorrerlo para saber si existe el producto que se pretende guardar, la mejor práctica es que la API tenga esa validación

[@jangelGuerrero]

Muy buen video, muchas gracias, ¿Qué ventajas tiene el usar ReactJS vs JavaScript Puro en el 2024? Gracias.

[@beticohernandez9536]

Muy buen video.

[@programandocondancruise]

Gracias 👍

[@JuanGonzalez-bp2cn]

La api al día de hoy sigue funcionando? Me marca error

[@juliandulcey4233]

bro como consumo la API?

[@MrGari]

Muy buen trabajo. Todo funcional siguiendo tus pasos, me gustaría preguntarte si realizar las funciones para llamar a la api dentro del componente es una buena práctica o podría separar las funciones como eliminar, editar y agregar dentro de alguna carpeta llamada funciones o así tal cual lo haces esta bien? Gracias, espero tu respuesta.🎉

[@programandocondancruise]

Que bueno que si te ayudó el video, bien podrías hacer lo que comentas, todo depende de la necesidad, en este ejemplo solo es un crud, si tuvieras un proyecto con 2 crud, por ejemplo productos y clientes, se podría separar las funciones y reutilizarlas pasando como parámetros la url y el método, así 1 función te serviría para guardar tanto productos como clientes ya que se le pasarían parámetros.

[@velchaelmendez4842]

Amigo ya hice el paso a paso de la api, y el Crud. despues hice correcciones con su código pero aun no ejecutas todas las funciones. Creo que es la Api es mi primera vez que trabajo com PHP y Laragon. Por favor necesito de su ayuda, gracias

[@programandocondancruise]

Claro, por favor por face para que me puedas enviar capturas de pantalla y ver el error. Facebook: facebook.com/programandocondancruise?mibextid=LQQJ4d

[@mrskull024]

como sabe que tiene que llamar a la accion de guardar, cuando abro el modal para guardar, siempre cae en el metodo de actualizar en vez del de guardado

[@programandocondancruise]

Se le pasa como parámetro op = 1 en la función openModal

[@AresMr300]

Hola,al darle click a los botones ,no funciona el despliegue de la pantalla para registrar,que podría ser?, Agradecería la syuda

[@programandocondancruise]

Qué tal, me podrías compartir captura de pantalla de la consola, mi Facebook: facebook.com/programandocondancruise?mibextid=LQQJ4d

[@1desgerasl]

Gracias excelente aporte, te amo ❤

[@martinzumarraga5560]

realice el paso a paso y no me salio :( me ayudas?

[@jhonhernandez9210]

Sube por favor el código fuente

[@DesarrolloConstrib]

Esto funciona con un api de django?

[@programandocondancruise]

Si funciona

[@yalidethsanchez9397]

La URL no me abre nada.

[@programandocondancruise]

Qué tal, Revisa en consola si te marca algún error

[@edson7317]

tienes github?

[@programandocondancruise]

Si, la liga está en la información del canal

[@Vizmonting]

Solo dale code . En la terminal antes de subir el server

[@bashita159]

la peticion a la api esta caida ?

[@programandocondancruise]

La api la puedes levantar, en ese video se utiliza una api en php, en la descripción del video está la liga del repositorio

[@bashita159]

@@programandocondancruise te agradezco mucho, tratare de hacer lo mismo utilizando comunicación de componentes y otra api gratuita

[@programandocondancruise]

Genial espero que si te salga 😃👍

[@mtyred]

Que tal, tengo un problema a la hora de hacer las peticiones de editar y eliminar, solo me permite agregar nuevos productos Tengo tal cual el crud de react y la api en laravel funcional y aún así no realiza las peticiones, me sale el siguiente error: DELETE url 405 (Method Not Allowed) Alguna idea de qué pueda ser?

[@programandocondancruise]

Podría ser por los cors, puedes enviarme captura de pantalla por Facebook: facebook.com/programandocondancruise?mibextid=LQQJ4d

[@ignaciopino1352]

Hola buenas, he estado tratando de utilizar este crud, pero utilizando un endpoint de un tercero, pero me aparecen errores de cors al momento de eliminar, editar y agregar, al momento de hacer el get no tengo problemas, alguien sabe que puede ser?

[@programandocondancruise]

Probablemente no el hosting en el que está no tiene habilitados esos métodos, normalmente así pasa con los hosting gratuitos únicamente tienen habilitado GET y POST

[@felipepino834]

como te dice el amigo algunos hosting no tienen habilitados los put y delete pero como eso es por decirlo de alguna forma "semantico" puedes cambiar los verbos por post en la api y deberia funcionar

[@josecarlostiradolinares9324]

@@programandocondancruise el metodo post me agara para añadirno por medio de postman pero por codigo aun no me sale me puede ayudar

[@programandocondancruise]

Mándame tu código por Facebook para revisar y apoyarte

[@martinzumarraga5560]

sigue funcionando la Api?

[@programandocondancruise]

La API la tiene que montar, hay un video sobre cómo hacer la API y está el código fuente

[@JesusEmanuelSalgadoVillalobos]

bro, me podrias pasar el link del codigo por favor

[@programandocondancruise]

Claro: github.com/DannCruise/products-react-pro

[@JesusEmanuelSalgadoVillalobos]

@@programandocondancruise muchas gracias

[@yhonduarte3587]

el link de la api aun funciona?

[@programandocondancruise]

Si, está en repositorio: gitlab.com/DanCruise/api-products

[@duvanernestocastellanosgon4318]

no me sale me sale error en axios

[@programandocondancruise]

Qué tal, te comparto el código del repositorio para que puedas comparar : gitlab.com/DanCruise/products-react-pro De igual manera si gustas mandarme captura del error por Facebook: facebook.com/programandocondancruise?mibextid=LQQJ4d

[@programandocondancruise]

Video actualizado: kzbin.info/www/bejne/f3KzhKahpZ1shZY

[@pabloortega6750]

no entiendo porque todo lo haces en la misma clase xdd