Alpine.js — легкий JavaScript-фреймворк

Alpine — это надежный минималистичный инструмент для компоновки поведения непосредственно в вашей разметке.

Alpine предлагает несколько полезных директив для управления DOM на веб-странице.

Нет лучшего способа понять, что такое Alpine и на что он способен, чем увидеть это своими глазами.

Разве не было бы здорово, если бы браузеры поставлялись со всем, что нужно каждому веб-сайту? Нравится тег <modal> или <dropdown>? Ну жизнь отстой, а их нет :)

Каждому проекту нужны эти базовые элементы, но создавать их самостоятельно (хорошо) безумно сложно. Работает ли это на мобильных устройствах? Доступна ли клавиатура? В Safari работает?

Alpine Components — это набор надежных компонентов общего стиля для ваших проектов Alpine.

Что внутри Alpine?

Для каждого компонента вы можете взять готовый код или посмотреть видео, в котором я (Caleb Porzio — создатель Alpine) создаю компонент с нуля и попутно узнаю массу интересных советов и шаблонов об Alpine.

• Модальный
• Выпадающий
• Аккордеон
• Карусель и т.д.

Я надеюсь, что Alpine станет для вас глотком свежего воздуха. Тишина среди шума. — Caleb

Ресурсы:

• Сайт: https://alpinejs.dev/
• GitHub: https://github.com/alpinejs/alpine

P.S. перейдет на Alpine сайт в течении 2 дней, что позволит сократить набор зависимостей. А то, много уже библиотек, просто это ерунда какая-то получается. Alpine глянул, вроде норм, зарекаться не буду. Но сокращать зависимости надо.