محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لايف واير

بناء زر إعجاب مع Livewire v4

أنشئ زر إعجاب متفائل.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون

ابنِ زر إعجاب مع واجهة متفائلة.

المكون

php
@php
new class extends Livewire\Component {
    public Post $post;
    public bool $liked = false;
    public int $count = 0;
    
    public function mount(Post $post): void
    {
        $this->post = $post;
        $this->liked = $post->isLikedBy(auth()->user());
        $this->count = $post->likes_count;
    }
    
    public function toggle(): void
    {
        if ($this->liked) {
            $this->post->unlike(auth()->user());
            $this->count--;
        } else {
            $this->post->like(auth()->user());
            $this->count++;
        }
        $this->liked = !$this->liked;
    }
}
@endphp
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة