Реализация полиморфных комментариев и лайков на Livewire+Volt
Вставка
- Опубліковано 24 чер 2024
- Коллеги, этот ролик посвящен практической работе с Livewire и Volt. Научимся делать полиморфные многоуровневые комментарии, а также лайки которые работают без перезагрузки. Часто встречающаяся задача. Посмотрим, как это можно реализовать!
Репозиторий - github.com/moonshine-software...
Книга Laravel Ninja Guide - cutcode.dev/l/advg
🎁 Для вас есть подарок, забирайте - cutcode.dev/l/4pxn 🎁
#livewire#volt#laravel#cutcode
---------------------------------------------------------------------------------
🚀📹👨🏫 Как насчет прокачки своих навыков с помощью наших обучающих видеокурсов по web-разработке? Переходи на мой сайт 👇
learn.cutcode.dev/?
❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного - cutcode.dev/l/icwf
---------------------------------------------------------------------------------
⏰ Таймкоды:
00:00 - Постановка задачи
00:53 - Что есть на старте
02:34 - Установка livewire и volt
03:20 - Компонент likes
08:09 - Событие клика по лайку
11:36 - Компонент с комментарием
12:55 - Форма для комментариев
16:46 - Методы для работы с комментариями
19:09 - Оживление blade.comment.php
24:09 - Проверка работоспособности
Всех поклонников Laravel, а также по всей видимости поклонников livewire и Volt я приветствую на канале CutCode. Друзья в сегодняшнем ролике мы с вами займёмся реализацией полиморфных комментариев и лайков с использованием инструмента Livewire и заодно подтянем Livewire Volt. В итоге у нас получится следующее - вот они лайки которые можно поставить либо убрать и они у нас также полиморфные не только для статей. И то же самое с комментариями - давайте попробуем что-то написать и также попробуем ответить. Как видим всё работает. Работает без перезагрузки. За это спасибо Livewire. И давайте не будем тянуть время и приступим к реализации. Погнали! Для начала давайте посмотрим что у меня есть на старте. Так как простые вещи в виде модели, стандартные миграции то что мы уже делали миллион раз, сейчас мы делать с вами не будем. Но для тех у кого это вызывает сложности заглядывайте в описание к этому ролику. Будет ссылка на репозиторий где вы сможете забрать код себе, либо просто посмотреть более внимательно на реализации. Итак у нас есть моделька со статьёй. В целом вот такая вот простая и за счёт того что у нас комментарии и лайки полиморфные, я вынес их в трейт.
---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
• Реализация полиморфных...
🔔 подпишитесь на UA-cam-канал: ua-cam.com/users/CutCodeRu?s...
📼 Курс по Laravel с нуля:
• Курс по Laravel 8 обуч...
Реализация полиморфных комментариев и лайков на Livewire+Volt
---------------------------------------------------------------------------------
🔗 наш сайт: cutcode.dev/?
📱 Наш telegram-канал: t.me/laravel_cutcode
Интересный стек на самом деле, по сути TALL, но мне кажется у нас это не прижилось. Мало видел вакансий, где целенаправленно требуют именно экосистему Laravel знать; чаще у нас используется Laravel как API и фронтенд на каком-нибудь React/Vue.
Если делать классический веб-сайт, то идеальная вещь, жаль она не так сильно распространена.
Относительно новый еще livewire
В дочернем комментарии вы answer просто вызываете, я что-то упустил или это же все таки метод comments компонента???
Сложно читать такие штуки в тегах:
"@if($comment->comment_id) style="margin-left: 50px;" @endif".
Использую blade-директивы. Зрительно проще выглядит:
@style([ 'margin-left: 50px;' => (bool) $comment->comment_id ])
Можно и так если нравится