Alpine.js — продолжаем знакомство

[@ThisMan]

x-show.transition.in.duration.1000ms.out.duration.500ms

Чего чего, а такого в коде я увидеть точно не хочу

[@lrsvolk]

Похоже на паттерн билдер.

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

[@Lodin]

А что насчёт дебага? Допустим, если вот этот fetch в x-init упал по какой-то причине, как его отыскать; поставить туда брейкпоинт?

[@js_n00b]

Для этого существует alpinejs-devtools расширение для Хрома и Мозиллы.
https://github.com/Te7a-Houdini/alpinejs-devtools

[@fog]

Одному мне становится дурно при виде JavaScript внутри строк?
x-on:click="show= ! show" x-text="show ? 'Скрыть' : 'Показать' "

Более практический вопрос — такое с типами имеет потенциал когда-то работать?
Я знаю что во View они тоже код в строки вставляют, там — как?

[@lrsvolk]

Да, и во Vue, и в Angular все норм с типизацией, несмотря на то, что используется внутри "строки".

Сюда тоже завезут, как мне кажется.

[@vl4deee11]

а svelte уже умер что ли?

[@lrsvolk]

Нет, почему же умер? Развивается и всё с ним хорошо, судя по публикациям.

Alpine.js — это альтернатива jQuery, используется как простая библиотека (с рекомендованным способом подключения через CDN !), в то время, как svelte требует компиляции и имеет гораздо более богатое API.

[@HawkeyePierce89]

Посмотрел первую статью, прочитал эту. Вообще не вижу никакой разницы с AngularJS или Vue, только там писали эдак, а в этом фреймворке чуть-чуть переэдак.

Есть какие-то реальные киллерфичи, кроме как размера? Если нет, и ориентироваться на размер, то я лучше с preact буду работать, он тоже весит мало.