На какую JS-библиотеку перейти с JQuery?

Question

[damarkuzz]

Вот и решился я поддаться единогласным восклицаниям о том, что более-менее опытному веб-специалисту в 2021-ом уже давно пора отказаться от JQuery. Вопрос в следующем: на что перейти и нужны ли вообще библиотеки? В чем проблема писать на чистом JS и почему мне говорят, что без библиотек я буду рыдать?

Comments

[Lynn «Кофеман»]

Vanilla JS

[Сергей delphinpro]

Не нужно отказываться.
Нужно изучить другие инструменты, и потом выбирать наиболее подходящий для конкретной задачи.
Для мелких сайтиков альтернативы jQuery я не вижу.

[Владимир Коротенко]

Сергей delphinpro, почему не vue.

[Сергей delphinpro]

Владимир Коротенко, Можно и вью. Делал пару лендингов на вью. Тоже удобно.
Еще открыл для себя стимулус - https://stimulus.hotwire.dev/ – тоже занятная поделка для небольших сайтов.

Answer 1

[Владимир Коротенко]

Библиотека выбирается под задачи. Собственно сейчас все то что делает джиквери можно сделать на винильном джиэс. Мне например нравится vue чуть меньше реакт.

Comments

[sinneren]

вуе не библиотека. ничто из этого не заменяет жиквери, другие цели. "сейчас" и всегда можно было сделать ванилой,только это долго и нудно.

[Владимир Коротенко]

sinneren, селекторы на ванили
Анимация, события и реактивность на vue
Ajax- fetch or axios
Что там ещё в jquery несколько утилитарных методов?

[WbICHA]

sinneren, да, всегда, только сегодня код на ваниле будет чуть длиннее, чем на жКвери.
Утрированно, но сейчас прописать в начале кода const $ = document.querySelectorAll; заменит 90% вызовов жКвери.)

[damarkuzz]

Подскажите, а как самостоятельно определить, какая JS-библиотека требуется?
Может быть есть какой-то способ или алгоритм

[Владимир Коротенко]

damarkuzz, лично я мониторю соседние области разработки. Коллеги по работе бывают подкидывают что интересного. Ну и тот же репозиторий npm имеет хороший поиск по тэгам просто нужно составить список ваших потребностей и сравнить что лучше подойдёт.

Answer 2

[Иван В]

Неправильно ставите вопрос.
Вместо "на что перейти с JQuery?", нужно "что использовать для такого-то типа проекта?".
Если сейчас вы закрываете свои задачи с помощью JQuery и конечному пользователю \ заказчику все нравится, можете оставить все как есть.
Другой момент, что на рынке для опытного веб разработчика стало необходимым минимумом знать хотя бы один из популярных фреймворков \ библиотек.

Comments

[damarkuzz]

Подскажите, а как самостоятельно определить, какая JS-библиотека требуется?
Может быть есть какой-то способ или алгоритм

[Иван В]

damarkuzz,
Мне кажется, нужна общая эрудированность по технологиям на js и умение искать информацию.

Первое можно получить читая условный хабр по тегу JavaScript и, например, анализы ежегодного исследования StateOfJS.

Второе гугля вопросы типа "как сделать?".
Анализируешь выдачу, видишь что какие-то библиотеки\фреймворки часто встерчаются в ответах. Пробуешь, выбираешь то что больше по вкусу.
Например, "как сделать SPA?". В ответах часто будут "react"\"vue". Пробуешь оба. Понравился, например, vue. Используешь.

Ну и здесь всегда можно спросить, самый простой вариант )

Answer 3

[profesor08]

На npm

Comments

[Владимир Коротенко]

Тогда уж на yarn и не забыть webpack

[profesor08]

Владимир Коротенко, npm на 1 символ короче!

Answer 4

[AND]

Vue.js

Comments

[damarkuzz]

Так это же не библиотека, а фреймворк

[Владимир Коротенко]

damarkuzz, это уже вкусовщина. Фреймворк выполняет комплекс задач библиотека что то одно. Сам джиквери уже оброс кучей возможностей и кроме плагинов имеет и ui. В общем его тоже можно считать фреймворком

[Вадим]

damarkuzz, как по мне, фундаментальная разница между библиотекой и фрэймворком в архитектуре. Библиотека архитектуру не навязывает.
По-моему это одна из причин, почему только ангуляр считают фрэймворком, а вью и реакт позиционировались как библиотеки. Но грань достаточно размыта..

[profesor08]

Вадим, все верно

[Сергей delphinpro]

Владимир Коротенко, как по мне, vue/react – библиотеки. Nuxt/Next, использующие их, – фреймворки.

[Владимир Коротенко]

Сергей delphinpro, по мне как раз первые это полноценные системы которые самодостаточны и подтягивают плагины для расширения