Listado de notas: configuración inicial

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.

Asombroso como puedes volver responsive una página con solo DOS LETRAS, un aplauso a TailWind CSS 🙌

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

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