CRUD Laravel 9 React con Inertia.js | Vite | Laravel Breeze | Login | Tailwind
ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- CRUD Laravel y React con inertia.js.
También utilizaremos el sistema de autenticación que trae laravel.
NO crearemos API en laravel y cliente REACT, crearemos una SPA.
Página de inertia.js: inertiajs.com/
Si quieres ver el video en donde se consume una API desde REACT les dejo los enlaces
CURD tradicional React:
• React - Consumir API
CRUD en una sola vista con #react
• CRUD en React consumi...
Página de Facebook:
/ programandocondancruise
#laravel #inertia #react
Música:
Daily Beetle de Kevin MacLeod tiene una licencia Atribución 4.0 de Creative Commons. creativecommon...
Fuente: incompetech.com...
Artista: incompetech.com/
Tendrás algún video para el deploy cuando el proyecto tiene integrado react?
como se crea el campo de buscar en la tabla, he creado todo pero no he podido retornar la data de nuevo a la tabla, en el controlador y en el network se refleja ladata de lo que estoy buscando, ya en el componenete de react nunca hay cambios.
Buenos dias excelente tutorial, quitando la musiquita XD. Pero me salio una duda, por consola me da el error de props undefined, veo que mi archivo dashboard.jsx difiere dell tuyo. El mio no tiene props sino que pone export default function Dashboard ({auth}){ return( ....). Alguno sabe como puedo solucionar este problema? gracias
Lo estoy empezando a ver...hasta donde tengo entendido los modelos se crean en singular y laravel crea la migración con el nombre de la tabla en plural
Hola buen video! , a mi no me aparecen los iconos los instale en la terminal, tengo que colocar algo mas?
Buen contenido
Gracias!
Que bien.
👍
Hola, excelente video. Podrías hacer un video igual pero con api hecho en Laravel? Porfaaaa
Hola, muchas gracias, por si te sirve, te comparto un video de una api en laravel: API en Laravel 9
th-cam.com/video/8AsOcrfB2ZU/w-d-xo.html
Próximamente actualizaré el video en Laravel 10. También tengo un video de consumir api en React: th-cam.com/video/14vdGCHGA5M/w-d-xo.html
todo cool pero me estresa la musiquita de juego de hacer helados de fondo
Si una disculpa, creo después de ese video ya no volví a ponerles música de fondo jeje
Que recomiendas inertia o laravel y react pero por separado?
Hola, es dependiendo de la necesidad, si quieres un sistema robusto o que la información se gestione a través de distintos medios (sistema web y app móvil por ejemplo) entonces es mejor crear API y consumirla, en caso contrario sin problema te funcionaría con inertia
alguien sabe si le sale el tutorial con laravel 10?, he tenido algunos problemas para insertar y actualizar mediante el modal
tendras algun video o link donde se pueda se agregar a este proyecto un template como AdminLTE
"LISTO auto eliminado" ... dijo ... pero el RECORD seguia alli ----....----
Tal vez no se está pasando correctamente el id a eliminar
@@programandocondancruise yo no logro eliminar el producto
Si gustas mandarme captura de código para ver facebook.com/programandocondancruise?mibextid=LQQJ4d
amigo al momento de abrir al npm run dev me abre en una pagina de laragon
Pero si está compilando tus js y css ?
Solo se pueden hacer SPAs con este método o se puede usar para sistemas más complejos?
Se puede ampliar la funcionalidad, ponerle algún admin template, etc
Hola Programando, una pregunta, yo quiero cambiar la parte del color y poner disponibilidad y que la parte de abajo sea como un checkbox editable luego. Que codigo tendria que usar estoy un poco confundido
Qué tal, tendrías que utilizar el componente indicando que es de tipo check, para que puedas modificarlo cuando salga el modal. Si quieres puedes mandarme liga de Meet por Facebook para poder revisar cómo tienes tu código
@@programandocondancruise Profe lo pude hacer, ahora estaba intentando implementar una busqueda y la paginacion de la tabla, pero no encuentro como hacer, ademas los otros metodos son consumiendo una api previa, yo quiero que tome los datos de mi base de datos normal, como haria?
Qué tal, mañana te podría compartir un componente de paginación que estoy usando con react y bootstrap, para búsqueda, podrías utilizar alguno parecido a DdataTables
how to get data without return.....explain plz
Saludos, excelente tutorial, aunque tengo deficultades en la parte de mostrar los datos en la tabla, especificamente al hacer el llamado con la funcion props, me lanza error en la consola del navegador indicando que no esta definida, ahora, revisando en detalle, me di cuenta de que los archivos de los componenentes de react son distintos al del video, particularmente al copiar los datos de Dashboard.jsx a Index.jsx, al definiar la funcion en mi caso el parametro en comillas es auth a diferencia del video que indica props
Que podria hacer en ese caso?
Qué tal, tienes razón, ya cambió sin embargo no sería tan complicado el cambio, en vez de props, tendrías en la función 2 parámetros({auth,cars})
En el tbody pondrías cars.map
Si quieres escríbeme por Facebook y te mando captura de pantalla de cómo quedaría
@@programandocondancruise si correcto amigo, ya había dado con la solución, en efecto como describes, solo había que colocar el parámetro cars!! excelente video 👍
@@programandocondancruise hola yo tambien quisiera esa captura
Claro que si 👍
@@programandocondancruise MUCHAS GRACIASSSSSSSSSSSSSSSSS!!
Amigo pudiste resolver el tema de los colores?
La vdd ya no le intenté después
pasa el repositorio por favor
Claro: github.com/DannCruise/laravel-react-inertia
Panel de Control
......................................... me sale error de ruta no definida en cars.index, ayuda
Si está definida en tu archivo de rutas en Laravel?, podrías comparar con el código del repositorio o si gustas mandarme captura del error y código por Facebook