Tutorials

Creación de componentes Livewire con Volt

  • 7 lessons
  • 3953 words

Volt es una API funcional diseñada con Livewire, que permite que la lógica PHP del componente y las plantillas Blade coexistan en el mismo archivo. Tras escena, la API funcional se compila en componentes de clase Livewire y se vincula con la plantilla presente en el mismo archivo.

Temario del curso

  • Introducción
  • Un componente tradicional de Livewire
  • Instalación de Volt
  • Componentes de Volt basados ​​en clases
  • Componentes funcionales de Volt
  • Prueba de componentes de Volt
  • ¿Debería utilizar Volt?

Descripción

Volt es un paquete fantástico en el ecosistema de Laravel que esencialmente agrega una capa sobre Livewire para que admita componentes de un solo archivo.

 

Tradicionalmente, con Livewire, tendría plantillas Blade que contienen el frontend y la interfaz de usuario (UI) y un archivo PHP separado para la lógica del backend (como interactuar con la base de datos o las clases de servicio y administrar el estado). Con Volt, puede crear componentes Livewire donde el código del frontend y el backend coexisten en el mismo archivo. Como resultado, puede crear componentes de un solo archivo aislados y enfocados sin saltar entre dos archivos separados.

 

Si has utilizado Vue para crear interfaces de usuario, es posible que ya esté familiarizado con poner su UI y lógica en el mismo archivo.

 

Los componentes Volt de Laravel vienen en dos variaciones diferentes: funcionales y basados ​​en clases. Veremos ambos en este artículo para que pueda decidir cuál se adapta a su flujo de trabajo y preferencias.

Detalle del curso:

  • Last update 23/12/2024
  • Duration: 20 minutes
  • Level: Nivel intermedio