Getting started with Laravel 12 Livewire 3 - 2025
Actualización gratuita a Laravel 12
Laravel es un framework fascinante, enorme y con una curva de aprendizaje algo pronunciada y con múltiples opciones; este libro no es para principiantes y asume que ya sabes programar en Laravel.
Laravel Livewire lleva el desarrollo de Laravel un paso más allá; automatizando procesos rutinarios en esquemas muy flexibles basados en componentes, componentes Livewire que nos permiten comunicar cliente y servidor de una forma muy sencilla, eficiente y fácil.
Laravel Livewire no es un framework, es solo una capa o andamiaje que agrega ciertas características adicionales al framework que podemos usar para crear excelentes aplicaciones, con menos esfuerzo y tiempo de desarrollo.
Prefacio
Laravel es un framework fascinante, enorme y con una curva de aprendizaje algo pronunciada y con múltiples opciones; este libro no es para principiantes y asume que ya sabes programar en Laravel.
Laravel Livewire lleva el desarrollo de Laravel un paso más allá; automatizando procesos rutinarios en esquemas muy flexibles basados en componentes, componentes Livewire que nos permiten comunicar cliente y servidor de una forma muy sencilla, eficiente y fácil.
Laravel Livewire no es un framework, es solo una capa o andamiaje que agrega ciertas características adicionales al framework que podemos usar para crear excelentes aplicaciones, con menos esfuerzo y tiempo de desarrollo.
¿Para quién es este libro?
Este libro está dirigido a todo aquel que quiera iniciarse en el desarrollo con Laravel Livewire en el desarrollo de aplicaciones basadas en componentes Laravel con algunos añadidos que permiten la comunicación directa entre servidor y cliente.
- Este libro no es recomendable para aquellas personas que no hayan trabajado con Laravel, si es tu caso te aconsejo primero conocer y practicar con Laravel antes de empezar; en mi web encontrarás cursos, libros, publicaciones, vídeos y en general más información sobre Laravel.
- Para personas que quieran mejorar una habilidad en desarrollo web, que quieran crecer como desarrolladores.
- Siempre que te identifiques con al menos uno de los puntos mencionados anteriormente, este libro es para ti.
Temas del libro
Este libro tiene un total de 16 capítulos, se recomienda leer en el orden en que están ordenados y conforme explicamos los componentes del framework, pasar directamente a la práctica, replicar, probar y modificar los códigos que mostramos en este libro.
- Capítulo 1: En este capítulo vamos a dar una breve introducción sobre Laravel Livewire.
- Capítulo 2: En este capítulo vamos a crear nuestro proyecto en Laravel Livewire.
- Capítulo 3: En este capítulo presentamos las características que tiene un proyecto creado en Laravel Livewire; manejo de equipos, API Tokens y autenticación, son algunas de ellas.
- Capítulo 4: En este capítulo vamos a crear una aplicación tipo CRUD simple y conoceremos todos los elementos de Livewire como el manejo de formularios, vistas y directivas a través de los componentes de Livewire.
- Capítulo 5: En este capítulo vamos a trabajar en el estilo, mejorando la aplicación creada para que parezca otro módulo de Laravel Livewire.
- Capítulo 6: En este capítulo, aprenderemos sobre la comunicación entre componentes Livewire basada en eventos; detectar cambios en las propiedades de la clase del componente desde la vista y conocer el JavaScript de Laravel Livewire.
- Capítulo 7: En este capítulo, vamos a crear el CRUD para las publicaciones.
- Capítulo 8: En este capítulo, vamos a crear filtros y campos de búsqueda para un listado aprovechando los beneficios de Livewire.
- Chapter 9: In this chapter, we are going to create sort fields for the column listing.
- Chapter 10: In this chapter, we will get to know everything that Livewire offers us in JavaScript and combine it with other plugins, we will know the hooks in JavaScript, consume properties, functions and use of events.
- Chapter 11: In this chapter, we are going to learn about some extra features of Laravel Livewire properties, such as customizing the update phase of wire:models, such as the use of computed properties.
- Chapter 12: In this chapter, we are going to create a simple blog application with a list with filters and search and detail fields.
- Chapter 13: In this chapter, we are going to create a shopping cart in the session and database, for which, we will see communication between components, sending events, toast type plugin to show messages confirming the operation carried out, with listeners of the events from JavaScript.
- Chapter 14: In this chapter, we are going to show the code of an application created with Alpine.js to create a to do list component.
- Chapter 15: In this chapter, we are going to adapt the Alpine.js application presented in the previous chapter, to work in conjunction with Livewire.
- Chapter 16: We will learn how to create unit and integration tests in the application we created previously using PHPUnit.
Livewire is a scaffolding for Laravel, which is nothing more than a skeleton or layer that adds certain extra features in Laravel through the use of Livewire components; the same basic Laravel components, but with very interesting additions that are what make up Livewire.
In addition to this, a project in Livewire already brings us Tailwind.css and Alpine.js configured.
In this book we will use the term “Basic Laravel” to mean the Laravel framework without any add-ons or scaffolding as is the case with Laravel Livewire.
What does Livewire offer us?
Laravel, being a more complete framework that you want to deal with, in practice, has many more components to work with, it is assumed that the reader has some basic knowledge about how the framework works, such as the use or theory of what migrations, MVC, routes, among others, work for; you don't need to know how to handle them, but you do need to understand the logic behind it all; if you don't have them, I recommend that you see my first web programming book in which we take the first steps with CodeIgniter, which is a great framework with many similarities with Laravel, and being a smaller framework and easier to handle is more easy to start your learning.
Finally; compared to other books, the approach will be a little more accelerated or general when it comes to the explanations of the elements that make up the framework; and this is so for two main aspects:
- I want to cover as many of the features of Laravel Livewire without making the book too long.
- Este no es un libro recomendable si es el primer framework PHP de este tipo al que te enfrentas, por lo tanto, siendo así, ya deberías conocer estos aspectos de la estructura del framework.
Desarrollar aplicaciones web modernas es difícil; herramientas como Vue y React son extremadamente poderosas, pero la complejidad que agregan al flujo de trabajo de un desarrollador full-stack es una locura.
Con lo anterior en mente, Laravel Livewire es un framework completo para Laravel que facilita la creación de interfaces dinámicas, sin salir de la comodidad de Laravel; en definitiva, nos permite utilizar esquemas similares a los de Vue y React directamente en Laravel.
Podemos trabajar con esquemas similares a los de Laravel y Vue, pero de una forma más directa y sencilla; el desarrollo en Laravel está fuertemente ligado al uso de componentes; los mismos componentes de Laravel pero con importantes añadidos de Laravel Livewire que permite escalar enormemente el uso de componentes:
- Enlace utilizando el archivo de rutas.
- Comunicación simple basada en acciones, eventos y funciones entre el cliente y el servidor.
- Agregue características como paginación, carga de archivos, cadena de consulta, entre otras.
En resumen, con Livewire podemos hacer lo mismo que hacemos con Laravel y sus controladores, pero de una forma más sencilla en la que podemos utilizar los componentes y reutilizar trozos de código que Livewire nos ofrece para realizar una comunicación muy sencilla entre el servidor con el cliente.
Aparte de eso, dependiendo de cómo decidas instalar Laravel Livewire, puedes habilitar opciones que vienen gratis como:
- Sistema de autenticación con registro, recuperación de credenciales.
- Vista de perfil con carga de usuario.
- Gestión de roles a través de equipos.
- Manejo de la API de tokens usando Laravel Breeze con una interfaz manejable.
En resumen, Livewire no es un framework, puedes verlo como otro paquete que agrega características extras a algunos elementos de Laravel que en última instancia lo convierten en un andamiaje o esqueleto para nuestras aplicaciones.
El libro está actualmente en desarrollo…
Acepto recibir anuncios de interes sobre este Blog.
Basic book on Laravel Livewire in which we will see each of its main components to create applications based on components.
- Andrés Cruz