2/2 - Laravel + React

[@jorgeperalta9780]

tengo una entrevista de trabajo, y esto es exactamente lo que necesitaba para recordar, muchas gracias!

[@informaticadp]

Excelente! Suerte en la entrevista y la mejor onda que te va a ir bien. Saludos!

[@alelasgrutas]

Bravo !!! clap, clap ( sonido de aplausos), genio total. tenes una habilidad especial para explicar ! super agradecido, por muchos videos más !

[@informaticadp]

Muchas gracias mi estimado Alejandro!!! Saludos y siempre agradecido por comentarios como los tuyos!

[@thepreceptorgg8439]

excelente tutorial!, solo llegue hasta el store jeje luego lo completo, pero no habia llegado tan lejos xD llevaba meses buscando algun tutorial relativamente corto de como montar un crud con front y un back en react y laravel pero encontraba listas de reproduccion de hasta 2 horas y muy desactualizados xD millón gracias, nuevo sub :D

[@informaticadp]

Muchas gracias bro!!!! Ya volvemos con mas React al canal. Abrazo!!

[@kennerthsalazar5012]

Amigo te ganaste un suscriptor, excelente explicación, me sirvió muchísimo espero sigas compartiendo tu conocimiento con nosotros

[@informaticadp]

Muchas gracias bro!! Así es, estoy preparando más proyectos para el canal. saludos!

[@san2176]

Tengo que hacer un proyecto Laravel + React, yo estaba usando React de Laravel y estaba muy confuso por que se usar ambos por separado. Con tu método se resuelve mi problema gracias.

[@franciscopena9316]

Buenisimos los videos, enhorabuenaaa!!!!

[@informaticadp]

Muchas gracias!!!!

[@thepreceptorgg8439]

Una pregunta, es normal que tarde mucho en ejecutar cada cosnulta? x ejemplo al recargar la pag el html renderiza normalmente, pero hay un delay de unos cuantos ms en renderizar la tabla, lo mismo al momento de cargar el form de actualización, este carga normalmente pero tarda cierto tiempo en mostrar en el input los valores del producto que seleccione para editar

[@christcer25]

Muchas gracias!!! todo funciono muy bien 😀, tanto la primera parte de crear el endpoint y el front, que hosting recomiendas para hacer deploy a este tipo de proyecto(Laravel + react) ?

[@luisangelmendozachate]

Estuvo buena, reforzaré más React a través de Platzi

[@pablorex4814]

Excelente video!!! muchas gracias

[@emmanuelsolano7206]

Saludos profe!

[@informaticadp]

Saludos Emma!

[@cordobahosting]

Excelente!!! muy didáctico

[@informaticadp]

Muchas gracias!!!

[@etiennez0r846]

Muy buenas explicaciones

[@informaticadp]

Muchas gracias!!

[@gmartinezve4]

tengo un problema: cuando los paso a un servidor de produccion no funciona, ejecuto el npm run build y el resultado lo monto y nada , que pasa alli ?

[@matr1x747]

Gracias por el video, pero no se explica una de las cosas más importantes, cómo proteger la api con un token csrf y que solo acepte solicitudes del dominio autorizado?

[@miguelkanzler7177]

Excelente video, muy buen mini curso para empezar con react 🎉, tengo un pequeña duda, Pasa que si esta borrando, editando, creando y mostrando pero debo recargar la pagina para ver los cambios que podría hacer?

[@Dineshkumar-tx4fp]

super great

[@dlopez1319]

Primero que nada buen video, estoy aprendiendo react y he aprendido lo esencial y queria ver como hacer un crud y me han ayudado bastante tus videos, sigue así, eres excelente y tenía una duda, siempre hay que hacer eso con los hooks en cada componente? en VUE solo se configura un archivo de rutas y ya xd

[@manuelmedina3955]

excelente tu trabajo bro

[@manuelmedina3955]

una consulta como se llama la extension para ver asi las carpetas y archivos en vs code?

[@RolandoCrespo]

@@manuelmedina3955 Material Icon Theme

[@informaticadp]

Muchas gracias Manuel!!

[@informaticadp]

Tema para íconos Material icon theme, tema para VSC outrun night.

[@teilorguiter212]

Entre bootstrap y Material UI cual podra tener mas futuro o cual conviene mas aprender? Saludos.

[@informaticadp]

Ambos. Siempre tomalo como herramientas que te van a ayudar. Depende el proyecto, el mercado laboral que te pide, etc. Saludos!

[@DominoseandoconTrino]

Amigo tengo problemas con LINK en React , me esta dando error, he buscado ayuda en la web y he hecho algunos cambios en el App.Js y el error se mantiene.

[@informaticadp]

Hola! Que error??

[@EstelaRangel-b4l]

Hola Primero quiero agradecerte por el curso, está genial, lo voy siguiendo paso a paso... peroooo....te quería consultar porque me encontré con un error del CORS y no logro encontrar la solución para esto. He hecho un mil cosas y nada , no logro resolverlo :( es justamente cuando intento enviar los datos de la creación del producto... método post, tendrás algún recurso disponible o recomendación para esto. Gracias

[@marcecam747]

genial!!!

[@informaticadp]

Muchas gracias!!!!

[@cesaremmanuelortizescobar4602]

como podria subir el proyecto a un hosting y muy buen video

[@juancamilorendongallego2235]

excelente video, todo muy claro... tengo un inconveniente, el import {link} from 'react-router-dom' no me funciona, me sale error por el link, que puedo hacer? me aparece se declara el valor pero no se lee nunca

[@informaticadp]

Muchas gracias! Fíjate que es link con mayúsculas la L. Eso corresponde a la librería del router. Pudiste solucionarlo?

[@juancamilorendongallego2235]

@@informaticadp si!!! era eso ajajaj muchísimas gracias! eres un crack

[@informaticadp]

Excelente bro!

[@defe500]

Buenisimo video! Tengo una pregunta alguien sabe como se podría archivar o desarchivar productos o sea que en vez de eliminae lo archive...y desoues pueda volverlo a dar de alta?

[@jonathanortega1510]

ERROR Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\xampp\htdocs\ApiMundopacifico eactfront ode_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\xampp\htdocs\ApiMundoPacifico eactfront ode_modules\eslint-config-react-app\base.js".

[@ivanjosuecarrillosolis7417]

thanks broth!

[@informaticadp]

Saludos Bro!

[@leonun]

Muy buen tutorial, solo tenia una pregunta, resulta que me sale products.map is not a function en el show 😞 no sabes que podrá ser?

[@scale0810]

No sé si lo solucionaste pero tenes que poner setProducts(response.data); en const getAllProducts

[@davidfajardo6316]

Excelente tutorial, puedes hacer uno con angular y laravel?

[@informaticadp]

Muchas gracias! Si la idea es hacer algo parecido con angular y Vue 3 también. Estoy reorganizando mis trabajos. Asi vuelvo a subir cursos.

[@josegudalupebautistaarriag1388]

que snippets utilizas para el autocompletado de codigo en vistas y controladores, que solo pongas el nombre del modelo y te autocomplete la ruta

[@informaticadp]

La única extensión que tengo de Laravel se llama Laravel Extra Intellisense. De PHP tengo PHP intelephense. Saludos.

[@josegudalupebautistaarriag1388]

@@informaticadp Gracias, en general es un gran curso, lo único que es si vas un poco rápido y te pierdo el paso en ciertas partes a pesar de pausar el vídeo. Pero se ahí en fuera fue un gran video

[@informaticadp]

Muchas gracias! Lo vamos a tener en cuenta al tema de la velocidad. Abrazo!

[@dragonghostt]

Muy bien explicado, seria lo mismo operativa en next js? para evitar comandos de rrutas y seo.. muchas gracias

[@informaticadp]

Muchas gracias Hugo! Si, mas adelante se viene Next. Saludos!

[@josealbertochavezparedes1322]

Estoy siguiendo el tutorial pero al momento de traer la data me sale, uncaught im promise, axios error, a que se puede deber esa situacion?

[@informaticadp]

Hola! Fijate que esté el async await. Que el metodo sea get. Que el endpoint esté correcto. Fíjate eso.

[@gabrielLlanesMX]

No sé si sea porque es un ejemplo básico, pero esto parase insostenible, por la estructura de carpetas y el hecho que declaras el endpoint en cada componente, si tienes una aplicación grande al momento de subir a producción, deberás cambiar todos los endpoint's o podemos poner un componente o alguna constante que podamos importar con el dominio prinsipal, ya qye si lo reciclas para otro proyecto es cambiar todos los endpoint's en todos los componentes, Soy desarrollador backend con php y frontend con JS vanilla, solo siento curiosidad por frameworks reactivos, lamento si mi pregunta es básica o impertinente, saludos

[@juanracornejo]

Primero es dar las gracias por el excelente video mi pregunta es como instalo tailwindcss. Cuando no quiero ocupar boostrap

[@D3rekOficial]

como protejo las rutas para que solo cierto usuario pueda acceder a ella?

[@teilorguiter212]

una pregunta hoy en dia los formularios siempre van de la forma ? es que asi los hacia yo pero no se si con la programacion moderna habra cambiado la sintaxis o creado alternativas..

[@informaticadp]

Eso es en el caso de que PHP procese el formulario. En este caso lo hace una API con Laravel y aparte el formulario es controlado por React antes. Justamente ponemos un preventdefault Saludos.

[@teilorguiter212]

@@informaticadp Gracias.

[@conocimientos7220]

como seria con selecta gregar ?

[@lautarorodriguez5912]

Excelente video! Una consulta, podríamos utilizar en un proyecto roles y permisos de Laravel utilizando ReactJS en la parte de frontend?

[@informaticadp]

Gracias Lautaro!!! Totalmente. Si bien el frontend más utilizado con Laravel es Vue. Con React no hay ningún problema.

[@JavierOrtiz-i2q]

Saludos! Como haces con el CORS? Error 419...

[@diegojaraestivill5620]

Bienvenido al infierno , es muy dificil sacarse ese problema

[@IamSoTalok]

Hola, me aparece el error de Acces to Xhtmlhttprequest at y la ruta de la api dice que se ha bloqurado el accedo de cors alguien me ayudaria a solucionarlo

[@AriXoXo224]

tengo el mismo problema creo. axios 405 error with delete method. no permite usar el metodo delete. pudiste solucionarlo?

[@tabletalcatel6310]

Hola, muy buena explicación, pero tengo una consulta, he notado que cuando se ejecuta mi función "getAllProducts" hace el llamado a la base de datos dos veces, eso es normal ?

[@kaiowas89]

note lo mismo, hace todos los request dos veces, nose como resolverlo.

[@tabletalcatel6310]

@@kaiowas89 Ya sé por qué pasa eso, es por el modo estricto de react, hace que el renderizado se haga dos veces

[@namjin2165]

Grande bro, buen mini curso, una pregunta no tendrás un video de como poner ya un desarrollo laravel en producción? que hacer despues de terminar la funcionalidad, como subirlo a un servidor y esas cosas.

[@matiastika1329]

te recomiendo 'Firebase Hosting' para hostear gratis (siempre y cuando sea un proyecto chico/personal).

[@1235allan]

buena bro gracias, pero tengo una duda si no es mucha la osadía, luego de que tengo mi aplicación {react (Client) y laravel (Server)}, mi bd es mysql (la que funciona con xampp) y esta todo listo, es decir Frontend, Backend, "finalizados" y con datos incluso! Con ese contexto en mente, mi duda es, ¿Cuál es el siguiente paso a dar?, es decir, ¿que debo hacer para subir la app a la web, de manera gratuita, y tener algún dominio donde probarla?, incluyendo claro la bd que es el corazón de la cuestión, si alguien sabe me responde pls, tengo algunos conceptos como el "build", gitpages y netlify, en general y usado netlify pero solo para aplicaciones con html, css y js y un pequeño test solo en react (js). Cualquier ayuda es buena, arithanks

[@dragonghostt]

algo mas que olvide, como seria las misma api pero con rutas de login y logout? saludos y gracias

[@informaticadp]

Estimado. Con este video te va a quedar claro todo ese tema. Seguilo y practicalo y vas a ver. Saludos. kzbin.info/www/bejne/rnO0mXqdlM-ghrs

[@chriscass9200]

12:10 tuve que regresar a este minuto para solucionar el error 429 problema del bucle infinito 😅

[@informaticadp]

Asi es bro, me pasó también.

[@panzonmenez6517]

Alguien sabe como podría hacer que al crear se envíe un dato json = 200 para agregar el sweetalert? Gracias por ese video para reforzar lo de API

[@cesaremmanuelortizescobar4602]

ya paso tiempo pero no se si aun te siva pero el 200 ya te llega en response.status

[@rodrigoarismendi1212]

Hola, excelente tutorial, agradecido, una duda, al eliminar un producto no debería descontar -1 del stock? Y no eliminar el producto por completo? ,Saludos y gracias por los tutoriales

[@informaticadp]

Gracias Rodrigo!! Claro en caso de control de stock usamos otro control. En este ejemplo no hacemos eso. Saludos.

[@rodrigoarismendi1212]

@@informaticadp muchas gracias por la respuesta, saludos y gracias por compartir tu conocimiento ✌️✌️

[@informaticadp]

Saludos bro!

[@alfonzoacuna6956]

Gracias capo por este video, me ayuda un monto!!!, te hago una consulta de alguien nuevo en el tema, para comunicar react con laravel se hace solo por medio de api, ahora si yo ya tengo la aplicación en react-laravel en un servidor, ¿cualquiera puede hacer una app en react (o vue) y consumir mi api?, O sea quisiera saber si se puede hacer para que nadie consuma la api de mi aplicación web, por decirlo de una manera hacer la api “privada” jjajaa no se como decirlo. pregunta de alguien nuevo en el tema. Otra vez gracias por el video

[@matiastika1329]

podes proteger las rutas de tu API usando cualquier método de autenticación (Laravel/Sanctum por ejemplo). Y nadie que no sea usuario de tu DB podria hacer request

[@jonathanalanis2092]

Amigo tendras algun curso en Udemy ??

[@informaticadp]

Estimado por ahora todos los cursos aquí en el canal.

[@AlaminIslam-hi8dl]

kusumus hoka utor toraotiral ala

[@slaty331]

плохо, копирование. Форма для вставки и редактирования должна быть одна. Возможна ли такая реализация?

[@matiastika1329]

Это возможно. Мне удалось реализовать это с помощью "React Context"

[@oshoosho4604]

esto se pudo hacer perfectamente sin ningún axios, ya el que lo quiera implementar allá, pero como tutorial siempre debería usarse la menor cantidad de cosas posibles, de entrada el curso dice laravel y react, bueno entonces procurar no usar otra cosa, excepto bootstrap y demás pendejadas para colorear la página

[@gabrielLlanesMX]

Ratas, porque complicaron tanto el JavaScript :(, pero gracias muy bien explicado

[@davidemmanuel5057]

primero gracias por el tutorial, lyego yo viniendo de vue, decir que que fea es la forma de escribir codigo en react en comparacion a vue, no se como se ha popularizado tanto si es tan feo de organizar ese codigo

[@honori5466]

mis 10s

[@informaticadp]

Gracias!!

[@felipeopazo1234]

Excelente tutorial!, iba como avión pero al mandar el formulario para crear un producto me sale un error de axios, el cual dice lo siguiente "Access to XMLHttpRequest at 'localhost:8000/api' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.", alguien sabe como solucionar ese problema? :(

[@informaticadp]

Estimado en el canal explico lo de los CORS. No recuerdo cual video. Tanto con APIs con Laravel como con Node. Saludos y gracias!

[@juanandres7589]

pudiste arreglarlo?

[@AriXoXo224]

@@informaticadp que video es?