This repository is a curated list of general recommendations on how to use Laravel Livewire framework to meet enterprise concerns regarding the security, performance, and maintenance of Livewire components. Avoid passing objects to the component's public properties if possible. Use primitive types: strings, integers, arrays, etc. That's because Livewire serializes/deserializes your component's payload with each request to the server to share the state between the frontend & backend. If you need to work on objects, you can create them inside a method or computed property, and then return the result of the processing.

Features

  • Any instance as large as the Eloquent model is big enough already for Livewire to slow down the component lifecycle
  • Keep component nesting level at 1
  • Utilize the form objects
  • Prefer to use event listeners over polling
  • Use computed properties to access the database
  • Use Route Model Binding to fetch the model
  • Use Artisan commands to create, move, and rename components
  • Always use loading states for better UX
  • Use lazy loading
  • Use Form Request rules for validation

Project Samples

Project Activity

See All Activity >

Categories

Frameworks

Follow Livewire Best Practices

Livewire Best Practices Web Site

Other Useful Business Software
Forever Free Full-Stack Observability | Grafana Cloud Icon
Forever Free Full-Stack Observability | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Livewire Best Practices!

Additional Project Details

Registered

2024-04-25