Blade компоненты в Laravel. Часть 2: анонимные и вложенные компоненты

Всех поклонников Laravel я приветствую на канале Cutcode! В первой части по blade компонентам мы познакомились с основами и получили все необходимые знания. Сегодня мы повторно к ним обращаться уже не будем и у кого будут возникать сложности посмотрите сперва первую часть. #laravelblade#laravel#cutcode --------------------------------------------------------------------------------- ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - Угостить меня кофе - 🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - --------------------------------------------------------------------------------- ⏰ Таймкоды: 00:00 Введение 00:46 Что такое анонимные blade компоненты 03:24 Особенности применения Laravel версии 04:18 Практика 09:32 Аттрибуты компонентов 11:22 Подведение итогов Сегодня мы поработаем с анонимными компонентами и вложенными компонентами, которые улучшили с апдейтом Laravel версии . Мы попрактикуемся на живом примере и улучшим нашу админку в курсе Laravel с нуля. Все таблицы в CRUD системе реализуем через вложенные анонимные компоненты. Но друзья меньше слов больше практики - погнали! Друзья мы прошлись по базовым необходимым знаниям об разработке blade компонентов на Laravel. Сейчас мы также затронем тему анонимных компонентов. Анонимные компоненты также очень важны и интересны. И так как не каждый blade компонент нуждается в отдельном классе и у них может не быть какой-то особенной логики и нахламлять еще дополнительно пустыми классами не имеет никакого смысла. То есть анонимный компонент у нас тот же самый компонент, но без класса только view. До того как в Laravel появились анонимные компоненты я использовал всегда partial, то есть куски кода во view которые дублировались которые использовались более 1 раза, создавал partial, скажем header (шапка), также для постов для каждой карточки в листинге по постам также отдельный partial. Все что дублируется чтобы в нескольких местах это последующем не менять создавал partial. Но с появлением анонимных компонентов все уходят именно в компоненты и с ними работать гораздо интереснее. Давайте поработаем живым примером продолжим улучшении нашей админ панели из курса Laravel с нуля и у нас здесь есть разделы, статьи, пользователи админ панели, таких разделов в будущем будет больше если у вас большая админ-панель много разделов, то таких CRUD разделов может быть десятки и в каждом из них будут вот такие вот таблички со списком. Если вы еще используете tailwind то они выглядят следующим образом: просто нечитаемые огромное количество классов всюду. И представьте себе картину у вас таких 20 разделов и вам необходимо скажем заголовки у таблицы сделать жирными. Вам придется проходиться по всем разделам и везде добавлять и изменять классы у этих таблиц. Это такой небольшой пример бывают более глобальные. В конечном итоге такой проект поддерживать просто невозможно. И как раз то что я вам говорил если вы посмотрите на пакеты от laravel, тот же самый jet stream, либо что угодно другое. Там все разбивается на отдельные blade компоненты. То есть есть к примеру форма - каждый input это blade компонент, каждая кнопка, сама форма и так далее. То же самое мы сейчас сделаем здесь с таблицами. Мы сделаем анонимным компонентом, плюс этот компонент будет вложенным, состоять из нескольких. То есть у нас будет компонент на таблицу, компонент на каждой row компонент на каждую ячейку таблицы. И все это будет отлично работать, выглядеть иначе и вы посмотрите сразу увидите плюсы в реализации именно так. Да друзья сразу немного детали в реализации. Мы будем использовать laravel версии , так как в ней появилась интересная особенность с вложенными компонентами. То есть если мы сейчас создадим компонент table у которого будут вложенные компоненты как я вам уже говорил, по каждому raw, по каждой ячейке. Мы создадим здесь папочку table и внутри мы просто укажем индекс blade, который будет являться родительским компонентом таблицы. --------------------------------------------------------------------------------- 📹 делитесь этим видео с друзьями: 🔔 подпишитесь на YouTube-канал: 📼 Курс по Laravel с нуля: Blade компоненты в Laravel. Часть 2: анонимные и вложенные компоненты --------------------------------------------------------------------------------- 🔗 наш сайт: 📷 наш instagram: 📱 Наш telegram-канал:
Back to Top