Propiedades Computadas en Livewire 4

Ejemplo práctico enfocado en el uso de #[Computed] y el almacenamiento en caché.

Filtradas 5
Completadas 2
Pendientes 3
Progreso 40%

Lista de Tareas

  • Aprender sintaxis básica de Livewire 4
  • Comprender el ciclo de vida del componente
  • Dominar Propiedades Computadas (#[Computed])
  • Implementar carga diferida (Lazy Loading)
  • Desplegar la aplicación en producción

💡 Guía de Aprendizaje: Cache & Ejecuciones

En esta petición del servidor, las funciones de las propiedades computadas se han ejecutado exactamente estas veces:

filteredTodos() Ejecutado: 1 vez/veces
stats() Ejecutado: 1 vez/veces

Observa en el código HTML de la vista:

  • Usamos $this->stats[...] 4 veces para mostrar los contadores.
  • Llamamos a $this->filteredTodos para el loop @foreach.
  • Y dentro del método stats() se accede a $this->filteredTodos.

¡A pesar de acceder a ellas múltiples veces, el número de ejecuciones siempre es 1 por cada render!