Curso práctico de Laravel Livewire 3

Laravel Livewire 3 nos permite desarrollar interfaces de usuario interactivas, reactivas, poderosas, y lo mejor de todo, de forma fácil y sencilla. En este curso aprenderás todo lo que necesitas para dominar Laravel Livewire 3 a través de ejemplos prácticos.

El curso estará segmentado en diferentes desarrollos, la idea es ir añadiendo nuevos desarrollos para ir aprendiendo nuevas características de Laravel Livewire 3.

Laravel Filament 3 utiliza Laravel Livewire 3, y ya tenemos 7 cursos con 10 horas de contenido en la ruta, la idea es que con la combinación de la ruta de Laravel Filament 3 y este curso tengas todas las herramientas necesarias para desarrollar tus paneles administrativos y frontales haciendo uso de Laravel Livewire 3, pero sobretodo, con código limpio, fácil de mantener, escalable y reutilizable.

Listado de productos (E-commerce)

El primer desarrollo de este curso será algo bien interesante, un listado de productos con filtros, buscador, limitación y paginación, un todo en una página, algo muy típico de una página de productos, como la de Amazon por ejemplo.

La arquitectura de nuestro proyecto será la siguiente:

• Página principal donde definiremos el layout de nuestra página de productos.

• Componente base Filter del que extenderá cada filtro.

• Traits para filtros con múltiples opciones o con una sola opción.

• Clases de Filtros para establecer búsquedas con Eloquent.

• Filtrado con Eloquent aplicando el patrón Pipeline.

La idea es no tener código esparcido por todos lados, en lugar de eso, crearemos pequeñas piezas de código para cada tarea que debamos desarrollar.

Los filtros que permitiremos serán los siguientes:

• Búsqueda por rango de precios (min-max).

• Búsqueda por múltiples categorías.

• Búsquedas por múltiples marcas.

• Búsquedas por múltiples tamaños/tallas.

• Búsquedas por múltiples colores.

• Búsqueda por texto libre a través del nombre del producto.

• Búsqueda por valoración de productos, 1 o más estrellas, 5 estrellas etc.

• Filtro para limitar el número de resultados mostrados en cada página.

Además de los filtros anteriores, que no son pocos, también añadiremos un botón que nos permitirá restablecer todos los filtros haciendo uso de los eventos de Laravel Livewire 3, algo súper interesante.

Introducción al trabajo con formularios + tests con Pest Framework

El segundo desarrollo trata acerca de un CRUD completo de tareas donde pondremos el foco en el trabajo con formularios. La idea será aprender a trabajar con formularios en Livewire 3 para crear y actualizar, pero no sólo eso, por el camino, también veremos otros temas interesantes, como el trabajo con modales, eventos y listeners.

Para entender bien cómo funcionan los formularios en Livewire 3, llevaremos este desarrollo a través de un proceso de refactorización. Para ello, empezaremos por hacer que las cosas funcionen, para más adelante, hacerlo de la mejor forma, este proceso de refactorización te ayudará a comprender cómo podemos hacer buen uso de Laravel Livewire y las distintas formas que tenemos de hacer las cosas.

Una vez hayamos finalizado nuestro CRUD, llevaremos a cabo todos los tests necesarios para asegurarnos que nuestros componentes Livewire funcionan como esperamos automatizando las pruebas funcionales. Sin duda los tests son los mejores amigos de los desarrolladores, y en esta sección, si tenías dudas de esto, seguro que dejas de tenerlas.

Si deseas dominar Laravel Livewire 3 de forma completa, no lo dudes, suscríbete a la plataforma, tenemos todo lo que necesitas.