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

Сегодня мы рассмотрим важную тему по Laravel, а именно blade компоненты. Получим основные знания этой темы: научимся работать как с классовыми компонентами, так и анонимными и поработаем с вложенными компонентами. #blade#laravel#cutcode --------------------------------------------------------------------------------- ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - Угостить меня кофе - 🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - --------------------------------------------------------------------------------- ⏰ Таймкоды: 00:00 Введение 00:27 Для чего нужны Blade компоненты 02:12 Создание Blade компонента 05:35 Как передавать параметры в Blade компонент 08:20 Как добавлять методы в Blade компоненты 10:28 Слоты у Blade компонентов 12:28 Возможность работы с html атрибутами Приветствую всех поклонников Laravel на канале Cutcode! Сегодня мы рассмотрим важную тему по Laravel, а именно blade компоненты. Получим основные знания этой темы: научимся работать как с классовыми компонентами, так и анонимными. Поработаем с вложенными компонентами. В общем пройдем тему целиком. Для начала и самое главное как раз то чего нет в документации. Там крайне подробно расписано как ими пользоваться, но ни слова о том зачем и когда они вообще нужны. А нужны они чтобы исключать логику из View и не дублировать код. Я думаю если вы заглядывали в пакеты от Laravel, такие как пример Jet stream или Breez или админка Nova, то увидели что все разбивается на отдельные компоненты, не только в blade шаблонизаторе, но во view и так далее. Каждый элемент формы имеет компонент, каждая кнопка таблица и так далее. Все что используется больше одного раза или подразумевает такое использование, в будущем разбивается на компоненты. Особенно если вы используете Tailwind у вас шаблон состоит из кучи классов и каждый раз скажем в админ-панели когда вы дублируйте листинг таблицы с выводом, вы дублируйте кучу одинакового кода и классов и в последующем если вы решите изменить ваши таблицы, то вам придется бегать по всему проекту и всюду менять класс. Но с компонентами все было бы куда проще и делалось бы все это в одном файле. Возможно кто-то из вас задался вопросом а зачем компоненты - если есть возможность подключать отдельные view? Да, в простых случаях именно так, но если есть дополнительная логика которую нужно вынести в отдельный класс, to include вьюх уже будут плохим решением. До анонимных компонентов при разработке Laravel приложений приходилось пользоваться и компонентами и партиалами вьюх, так как не все дубли нуждались в отдельном классе. Но с анонимными компонентами все уходит именно в компоненты. И это мощный и нужный инструмент, о котором мы сегодня с вами поговорим и попрактикуемся. Но друзья меньше слов больше практики погнали. Итак друзья практиковаться мы будем с проектом из курса Laravel с нуля. Многие его смотрели - кто нет рекомендую ознакомиться. И еще такой момент я немного простыл, разговариваю в нос, но по возможности буду говорить как можно более внятно. Открываем проект и давайте для начала создадим blade компонент начнем с базового компонента, основанном на классе и далее уже в последующем перейдем к анонимным компонентом. Для того чтобы создать компонент необходимо выполнить команду. У нас появляется два новых файла: один основной это как раз класс компонента который располагается в директории app/view/components - и вот он только что создано . Это у нас как раз класс Blade компонента и здесь в методе рендер мы указываем что мы будем отображать blade компонент test, который у нас располагается как обычно в ресурсах тоже созданная по команде view компонента тест. --------------------------------------------------------------------------------- 📹 делитесь этим видео с друзьями: 🔔 подпишитесь на YouTube-канал: 📼 Курс по Laravel с нуля: Blade компоненты в Laravel. Часть 1: классовые компоненты --------------------------------------------------------------------------------- 🔗 наш сайт: 📷 наш instagram: 📱 Наш telegram-канал:
Back to Top