Livewire es un framework de código abierto utilizado para el desarrollo de software full-stack. Fue desarrollado en Laravel, de Taylor Otwell, en conjunto con TailwindCSS. Una de las novedades en Laravel 8 fue la incorporación de Livewire a todos los proyectos nuevos. En esta guía, te vamos a enseñar a instalar laravel livewire en versiones anteriores a la 8, junto con todas las novedades.
Gracias a Livewire, el desarrollo de aplicaciones web full stack mejoro notablemente. Ahora es posible utilizar blade en conjunto con Vue, todo en un mismo archivo. Olvídate de escribir código separado en el front y en el back. Vas a poder renderizar el javascript desde blade con componentes reactivos.
Laravel tiene como objetivo el desarrollo del lenguaje de programa PHP (HyPertext Preprocessor) de forma elegante, simple y expresiva, de manera que permita que el código posea una amplia multiplicidad de funciones, y aprovechar, al mismo tiempo, las potencialidades y los mejores aspectos de otros frameworks, como también las versiones más recientes de PHP.
Desde el punto de vista técnico, Laravel posee un núcleo de rendimiento sólido y permite aumentar su funcionalidad utilizando extensiones. No muestra problemas a la hora de integrarse a otras plataformas y bibliotecas de terceros como Amazon Web Services (AWS) y permite la ejecución de tareas en segundo plano colaborando en mejorar su rendimiento.
Un plus adicional que posee Laravel es su comunidad de usuarios, la cual es amplia y activa, por lo que, en caso de necesitarlo, resulta sencillo encontrar ayuda.
Como Instalar Livewire en Laravel 7/8
Empezamos por asegurarnos de tener la última versión de composer activa y luego ejecutamos el siguiente comando en nuestro proyecto de Laravel
composer require livewire/livewireUna vez finalizada la instalación, abrimos el archivo principal de layouts/app.blade.php y agregamos los styles y scripts respectivamente en el archivo de la siguiente manera
<html>
<head>
...
@livewireStyles
</head>
<body>
...
@livewireScripts
</body>
</html>Los siguientes pasos son opcionales, pero te aseguran tener un mayor control sobre la funcionalidad de Livewire en Laravel.
Publicar el archivo de configuración
Este archivo nos permitirá editar las configuraciones de defecto con las que se instala livewire. Se publicara la configuracion en nuestra carpeta raíz config/livewire.php
php artisan livewire:publishPublicar Assets del Frontend
Si preferís tener en tu control todos los assets de Javascript y CSS/LESS/SASS, no te olvides de publicar esos assets en resources/js y resources/sass respectivamente
php artisan livewire:publish --assetsAunque no te recomiendo esta última opción debido a que es mas difícil mantener el código actualizado con el transcurso de las nuevas versiones. Si igualmente optás por tener publicado los assets de livewire en Laravel. Te recomendamos que modifiques lo siguiente en el archivo composer.json
{
"scripts": {
"post-autoload-dump": [
"Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi",
"@php artisan vendor:publish --force --tag=livewire:assets --ansi"
]
}
}