Alpine.js на конкретном примере

[@SunUp]

Так и получается, что выбор падает на Alpine

Preact 3kb gzipped и знакомый многим React синтаксис, хочешь с JSX, хочешь с Hyperscript, хочешь так.
От Alpine впечатление осталось что он как раз выполняет ту же функцию для Vue что и Preact для React — максимально облегчённый фреймворк с привычным синтаксисом для простых применений вполне имеющий право на жизнь и свою маленькую нишу

[@DeepFakescovery]

Возьму jQuery – друзья не поймут

поясните плз для тех кто не в теме

[@Metotron0]

У модных разработчиков jQuery не в почёте. Он как deprecated.

[@Coral_Reef]

Наверное, имеется ввиду то, что сейчас чистый JS достаточно удобный, чтобы отказаться от jQuery.

[@evgeniyPP]

jQuery – это прекрасная библиотека, которую должен знать любой уважающий себя фронтенд-разработчик. Он был must-have во времена, когда никто не говорил о совместимости браузеров, не перекрестившись.
Но сейчас во фронтенде балом правит Flux-архитектура – данные во главе угла, а внешний вид/интерфейс – лишь их отображение. Пользователь делает действие, данные меняются, вслед меняется отображение. Так сейчас работают все современные фреймворки/библиотеки.
Насколько я знаю, jQuery в эту парадигму вписывается не очень. Он все еще бешено популярен, в первую очередь из-за тонны плагинов (Owl Carousel и т.п.), но использовать его как основную библиотеку для построения внешнего вида – архаизм.
И да, как уже сказал Coral_Reef, не менее важно, что самые крутые штуки из jQuery уже были перенесены в ванильный JS (querySelector, например).

[@Riim]

должен знать любой уважающий себя фронтенд-разработчик

не должен.

[@js_n00b]

Спасибо, что избавил от необходимости создания третьей статьи по теме)))

[@evgeniyPP]

Спасибо за отличные введения для моей статьи)

[@MK1301]

Мне показалось что это был сарказм. И человек немого не доволен.

[@js_n00b]

Никакого сарказма, я на самом деле рад, что вдохновил кого-то на статью

[@aio350]

Все хорошо, но есть один нюанс: при удалении todo, выбрасывается исключение Uncaught TypeError: Cannot read property 'completed' of undefined. Решить проблему можно добавлением if (todo !== undefined) перед todo.completed = !todo.completed. fetchTodos я бы реализовал так:

async function () {
    const response = await fetch("https://jsonplaceholder.typicode.com/todos")
    const data = await response.json()
    this.todos = data.slice(0, 10)
}

Спасибо за статью.