В статье сравниваются Livewire и Inertia 👍
https://laravel-news.com/livewire-inertia
#tools #livewire #inertia
https://laravel-news.com/livewire-inertia
#tools #livewire #inertia
👍4
Хай, гайз! Делюсь с вами еще одной фишкой из старого проекта.
Что имеем
1. Обычное html-поле
2. Проект на Laravel + Livewire-компонент с формой для пользователя.
3. Шаблон на старом добром
Задача
1. Определять страну пользователя по IP-адресу.
2. Автоматически выбирать эту страну в
3. Если страна у пользователя уже выбрана ранее, то ничего делать не нужно.
Решение
1. При загрузке страницы делаем GET-запрос на сервис
2. Если удалось получить страну, то устанавливаем её код (например RU) в качестве значения для соответсвующего свойства нашего Livewire-компонента (благо в базе ID стран - это их ISO-коды)
3. Магия Livewire автоматически выбирает эту страну в селекте благодаря реативности через
Профит! И лайк 🤗
#laravel #livewire #tip
Что имеем
1. Обычное html-поле
select[type="country_id"]со списком стран.
2. Проект на Laravel + Livewire-компонент с формой для пользователя.
3. Шаблон на старом добром
Bootstrap 4 + jQuery(купленый шаблон).
Задача
1. Определять страну пользователя по IP-адресу.
2. Автоматически выбирать эту страну в
selectв нашем компоненте.
3. Если страна у пользователя уже выбрана ранее, то ничего делать не нужно.
Решение
1. При загрузке страницы делаем GET-запрос на сервис
ipinfo.ioдля определения страны пользователя по его IP (бесплатный тариф до 50к запросов в месяц).
2. Если удалось получить страну, то устанавливаем её код (например RU) в качестве значения для соответсвующего свойства нашего Livewire-компонента (благо в базе ID стран - это их ISO-коды)
3. Магия Livewire автоматически выбирает эту страну в селекте благодаря реативности через
wire:model="country_id".
Профит! И лайк 🤗
#laravel #livewire #tip
👍10
Вышел Flux 2.0
Это официальная библиотека компонентов интерфейса для Laravel с Livewire.
Очень интересное, возможно единственное, качетственное решение для любителей Livewire, к которым отношусь и я, использовав Livewire уже в нескольких проектах.
Что нового:
- Компонент календаря, который можно встраивать на страницу
- Компонент выбора даты или диапазона дат
- Компонент графиков (линия и область)
- Tailwind CSS v4
Интересно, что компоненты календаря, выбора дат и графиков сделаны полностью с нуля без зависимостей на другие пакеты.
Еще недавно появился прикольный генератор цветовой темы, которую легко встроить в проект через CSS-переменные.
В мире фронтенда существует куча хороших компонентов, а для Blade их не так много. Flux закрывает этот пропуск и делает это довольно хорошо.
Чем-то похож на бутстрап, который я много использовал в своё время, но под капотом Tailwind, куча классов которого скрыты под капотом Flux.
Отличительной особенностью Flux является то, что компоненты адаптируются друг под друга. То есть располагая компоненты рядом, они типа "видят" друг друга и понимают какие добавить отступы, чтобы это выглядило красиво, а нам не приходилось писать в HTML кучу div-ов с педдингами и маржинами, чтобы всё это раздвинуть.
Благодаря этому код на Flux выглядит довольно приятно - минималистично и понятно. Посмотрите примеры на сайте.
Однако минимализм не мешает гибко кастомизировать компопненты при необходимости. Хотя я не могу подтвердить это на практике - опыта еще нет.
К слову, я еще не использовал Flux в реальных проектах, поэтому выводы делать рано. Обязательно заюзаю его при первой возможности.
Но проект выглядит круто и я не задумываясь решил поддержвать Калеба (разработчика), оплатив доступ к Pro-версии.
Да, Flux платный, но есть бесплатная версия со всеми основными компонентами, однако я советую не жалеть денег на продукты, которые упрощают, ускоряют работу или помогают получить еще больше денег или времени.
Кстати, новые стартовые наборы в Laravel, с которых удобно начинать новые проекты, содержат Livewire с Flux, поэтому я думаю, что этот проект будет жить долго и активно развиваться дальше.
Детали релиза 👈
Документация 👈
Это официальная библиотека компонентов интерфейса для Laravel с Livewire.
Очень интересное, возможно единственное, качетственное решение для любителей Livewire, к которым отношусь и я, использовав Livewire уже в нескольких проектах.
Что нового:
- Компонент календаря, который можно встраивать на страницу
- Компонент выбора даты или диапазона дат
- Компонент графиков (линия и область)
- Tailwind CSS v4
Интересно, что компоненты календаря, выбора дат и графиков сделаны полностью с нуля без зависимостей на другие пакеты.
Еще недавно появился прикольный генератор цветовой темы, которую легко встроить в проект через CSS-переменные.
В мире фронтенда существует куча хороших компонентов, а для Blade их не так много. Flux закрывает этот пропуск и делает это довольно хорошо.
Чем-то похож на бутстрап, который я много использовал в своё время, но под капотом Tailwind, куча классов которого скрыты под капотом Flux.
Отличительной особенностью Flux является то, что компоненты адаптируются друг под друга. То есть располагая компоненты рядом, они типа "видят" друг друга и понимают какие добавить отступы, чтобы это выглядило красиво, а нам не приходилось писать в HTML кучу div-ов с педдингами и маржинами, чтобы всё это раздвинуть.
Благодаря этому код на Flux выглядит довольно приятно - минималистично и понятно. Посмотрите примеры на сайте.
Однако минимализм не мешает гибко кастомизировать компопненты при необходимости. Хотя я не могу подтвердить это на практике - опыта еще нет.
К слову, я еще не использовал Flux в реальных проектах, поэтому выводы делать рано. Обязательно заюзаю его при первой возможности.
Но проект выглядит круто и я не задумываясь решил поддержвать Калеба (разработчика), оплатив доступ к Pro-версии.
Да, Flux платный, но есть бесплатная версия со всеми основными компонентами, однако я советую не жалеть денег на продукты, которые упрощают, ускоряют работу или помогают получить еще больше денег или времени.
Кстати, новые стартовые наборы в Laravel, с которых удобно начинать новые проекты, содержат Livewire с Flux, поэтому я думаю, что этот проект будет жить долго и активно развиваться дальше.
Детали релиза 👈
Документация 👈
👍14🔥6👎2❤1