codesnips
php blade 103 lines · 2 tabs

Laravel Livewire for reactive components

Carlos Mendez Jan 2026
2 tabs 
<?php

namespace App\Http\Livewire;

use App\Models\Post;
use Livewire\Component;
use Livewire\WithFileUploads;

class CreatePost extends Component
{
    use WithFileUploads;

    public $title = '';
    public $body = '';
    public $tags = [];
    public $image;

    protected $rules = [
        'title' => 'required|min:5|max:255',
        'body' => 'required|min:100',
        'tags' => 'array|max:5',
        'image' => 'nullable|image|max:2048',
    ];

    public function updated($propertyName)
    {
        // Validate on property update
        $this->validateOnly($propertyName);
    }

    public function save()
    {
        $validated = $this->validate();

        $post = auth()->user()->posts()->create([
            'title' => $validated['title'],
            'body' => $validated['body'],
        ]);

        if ($this->image) {
            $post->addMedia($this->image->getRealPath())
                ->toMediaCollection('featured');
        }

        $post->tags()->sync($validated['tags']);

        session()->flash('message', 'Post created successfully!');

        return redirect()->route('posts.show', $post);
    }

    public function render()
    {
        return view('livewire.create-post');
    }
}
2 files · php, blade Explain with highlit

Livewire enables reactive, dynamic interfaces without writing JavaScript—components re-render automatically when properties change. I create Livewire components as PHP classes with public properties and methods. Properties bind to Blade views with wire:model, updating in real-time. Actions trigger via wire:click, calling component methods. Livewire handles AJAX requests, diffing, and DOM updates automatically. Validation works identically to forms with $rules properties. Lifecycle hooks like mount() and updated() handle initialization and property changes. For performance, I use wire:model.lazy to reduce requests and wire:loading to show loading states. Livewire bridges the SPA experience with server-side rendering simplicity.

Related snips

swift 
import Combine
import Foundation

class SearchViewModel: ObservableObject {
    @Published var searchQuery = ""
    @Published var results: [SearchResult] = []

Combine operators for data transformation

swift combine reactive
by Sofia Martinez 1 tab
php 
<?php

namespace App\Providers;

use App\Contracts\PaymentGateway;
use App\Services\StripePaymentGateway;

Laravel service container and dependency injection

laravel dependency-injection service-container
by Carlos Mendez 2 tabs
json 
{
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },

Laravel mix/Vite for asset compilation

laravel vite assets
by Carlos Mendez 4 tabs
php 
<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

Laravel database migrations for schema management

laravel migrations database
by Carlos Mendez 3 tabs
php 
<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Validation\Rule;

Laravel form requests for validation

laravel validation form-requests
by Carlos Mendez 2 tabs
php 
<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

Laravel soft deletes for data retention

laravel soft-deletes eloquent
by Carlos Mendez 3 tabs

Share this code

Here's the card — post it anywhere.

Laravel Livewire for reactive components — share card
Link copied