Me está encantando Vue.js! Nunca lo había probado
Introducción
Cómo aprenderás a crear SPAs en Laravel
Introducción a Jetstream
Proyecto
Conoce qué SPA vas a construir
Configuración inicial
Sistema basado en componentes
Jetstream: configuración inicial
Jetstream: personalización
Listado de notas: configuración inicial
Listado de notas: personalización
Vista detalle de nota
Formulario de editar
Código de actualizar
Formulario de crear
Código de guardar
Función de eliminar
Flash message
Buscador
Conclusión
Repaso final
Despedida
Clase bonus: nunca parar de aprender
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 13
Preguntas 0
Me está encantando Vue.js! Nunca lo había probado
También podemos usar el método compact()
para enviar datos desde el controlador; haciendo de esta forma más legible el código.
class NoteController extends Controller
{
public function index()
{
$notes = Note::latest()->get();
return Inertia::render('Notes/Index', compact('notes'));
}
}
Para ver los cambios en google chrome ademas de obviamente estar ejecutando npm run watch, tuve que ingresar en una pestaña de incognito, calculo que es porque la pagina me queda en cache de la pc. estoy usando un servidor de paginas web muy bueno llamado Laragon lo recomiendo sobre XAMPP, es muy practico, tiene autohosting de varias paginas simplemente soltando la carpeta dentro con direcciones de acceso lindas usando de base el nombre de la carpeta, si una de las carpetas se llama “laravel” en el navegador ingresas “laravel.test” , también te deja cambiar fácilmente de versión de php.
Ahhh que hermoso es ver a Vue funcionando con Laravel jaja, es decir, el hecho de que puedas cambiar entre secciones sin que se recargue lla página.
.
Ahora lo que se me hace curioso es el cómo funciona, es decir, me imagino que Laravel le pasa su sistema de rutas a Vue… oh estaba revisando las dependencia y veo que están usando la dependencia tightenco/ziggy
, esta dependencia yo la usaba mucho para pasar mis rutas de Laravel a mi front, así que efectivamente Laravel le está pasando las rutas a Vue OwO, seguramente Vue usa su sistema de rutas interno para tener conocimiento de las rutas de Laravel y renderizar las vistas necesarias
Asombroso como puedes volver responsive una página con solo DOS LETRAS, un aplauso a TailWind CSS 🙌
Me gusta ver funcionar Laravel y Vue juntos.
Para que sus Components se autocompleten cuando hacen
import NameComponent from "@/path/to/component";
Deben crear una archivo en la raiz de completo que se llame jsconfig.json
y en dicho archivo debe ir esto
{
"compilerOptions": {
"paths": {
"@/*" : ["./resources/js/*"]
}
},
"include": ["./resources/js"]
}
Les recomiendo usar este comando para que la pagina se actualice sin recargar, a mi me ha funcionado muy bien hasta ahora 😄
mix watch --hot
Dejo mi commit de esta clase con Laravel 9
https://github.com/jlbousing/platzi-inertia/commit/7636cda6a23088220e7494d60f2cbb9c6811e116
aaa como me molesta que este tan trabado el video jsajajsd. igual pedazo de curso
Estoy impresionado 😮 es super fácil.
En mi caso además de usar npm run watch tuve que deshabilitar el cache para ver los cambios.
Inspeccionar>Network>Disable cache
Se puede correr un escuchador para compilacion y recarga automatica con el script hot
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?