Alpine.js — легковесный фреймворк с удобным синтаксисом

[rudinandrey]

Интересно, спасибо. Надо познакомится.

[Snelsi]

До чего странно после Реакта воспринимается синтаксис, когда логика пишется в строковых кавычках. Упорно читаю это как string присвоение.

[Andrew-Bogdanov]

Alpine.js классный для небольших проектов, особенно в связке с TailwindCSS. Спасибо за статью :)

[anakhaev_web]

А валидация в данном случае я так понимаю посылается куда подальше?

[js_n00b]

С валидацией нет никаких проблем. Через директивы можно передавать целые методы, в том числе и для валидации.

[Metotron0]

Видимо, речь про валидный html.

[anakhaev_web]

Я имел в виду html

[js_n00b]

Тогда Вы правы

[medianoche]

Миллениалы изобрели первый Ангуляр.

[amakhrov]

Насколько я понял, в Alpine отслеживаются мутации модели (с observable-membrane под капотом).
В то время как в первом ангуляре честный dirty check, который был постоянным источником проблем с производительностю.

Больше напоминает Knockout, который как раз отслеживал мутации.

[Free_ze]

Почему? (не ангуляржс обязательно, но любую подходящую технологию)

[Free_ze]

Почему может быть важно сферическое обновление в вакууме? Популярная старая технология уже оттестирована до предела же, бест-пратисы и рецепты сложились.

[denisromanenko]

Перед сравнением с другими штуками типа вью и реакта — и замечаниями что нет того, того и того — нужно учесть, что Альпайн сам по себе это присказка, а не сказка.

Он — часть Laravel Livewire, который дает возможность писать реактивный фронтэнд прямо из… контроллеров бэкенда. То есть сразу получая удобный доступ ко всей валидации, моделям и другим мощностям ларавеля без необходимости настройки общения фронта и бэка.

https://laravel-livewire.com/

[js_n00b]

Спасибо за информацию!

[minalexpro]

А такое счастье есть для Symfony?

[denisromanenko]

Прям такого к сожалению, вроде нет, потому что Livewire очень чётко заточен под Ларавель и его шаблонизатор.

Но можно поглядеть на Inertia, примерно такой же смысл:
inertiajs.com

[evgeniyPP]

Единственное отличие этот атрибут обязан применяться только на тэге template.

x-for так же как и x-if должен располагаться на template, иначе он не будет работать.

Из статьи пропали упоминания про тег template. А именно про то, что x-if и x-for могут использоваться только в теге template.

[js_n00b]

Спасибо, поправил.