Почему Jquery сегодня? Чтобы сделать http-запрос, получить элемент по селектору, может быть, анимацию? Ммм... Несколько лет назад Jquery был простым способом видоизменить Dom и получить кроссбраузерное решение для создания потрясающих веб-сайтов. В тот момент я любил Jquery, да и сегодня тоже, но я думаю, что сегодня бумага другая. Я вижу некоторые приложения, такие как веб-сайты, созданные с помощью wordpress, простые статические сайты или лендинги с использованием Jquery, но сегодня я не считаю это хорошим решением, когда вы работаете с современным интерфейсным фреймворком.

Чтобы взять селекторы, достаточно vanilla JS!

С текущей версией Javascript для меня совершенно ненужно использовать Jquery для веб-приложений. Для веб-сайтов, на которых вы работаете со статическими страницами без фреймворка, достаточно ванильного JS, но можно использовать Jquery для сжатия, чтобы получить чистый код.

С современными фреймворками Jquery не нужен!

Но теперь, если вы используете современный фреймворк, такой как Vuejs, (P)React, Angular, Aurelia, … совершенно не нужен и фактически опасен, нам нужно контролировать больше вещей без необходимости. Современный фреймворк, он работает в рамках жизненного цикла, он включает в себя некоторых слушателей, которые фреймворк должен изменить Dom при изменении некоторых данных, но если мы одновременно используем Jquery, иногда у нас могут возникнуть проблемы, потому что Jquery не был полностью загружен, чтобы иметь хорошие отношения с Домом или что угодно, но в любом случае, я думаю, что это не нужно, у вас есть дополнительная зависимость, которую вы можете пропустить. Например, с Vue или (P)React совершенно удобно использовать ваниль, и вы можете делать что угодно, я не могу сказать ни в одном случае, чтобы использовать Jquery.

Babel — отличный друг для фронтенд-разработчика, пишите в последней версии javascript, и используя его с webpack, Babel сделает все остальное, не заботясь о поддержке кроссбраузерности (Да, я знаю, иногда бывают ошибки , но всегда есть решение Babel, убедитесь, что вы используете правильную конфигурацию Babel).

Другой момент: когда вам нужна библиотека для вашего проекта, у меня есть привычка проверять, что package.json не имеет зависимости от Jquery, и всегда я получаю хорошее решение, построенное только с ванильными и чистыми библиотеками.

Несколько советов по использованию с современными фреймворками:

  • Для http-запроса используйте библиотеки как axios, request или просто fetch.
  • Чтобы упростить код и не перестраивать колесо, используйте библиотеки как lodash или подчеркивание.
  • Для кроссбраузерной поддержки используйте Babel (babel-polyfill), научитесь настраивать плагины (очень просто) и наслаждайтесь!.
  • Для анимации изучите CSS3 и проверьте совместимость с браузерами, но если вы работаете с каким-нибудь префиксом с PostCSS (https://github.com/postcss/autoprefixer), у вас не будет особых проблем с большинством распространенных анимаций. Если вам нужно сделать сильную анимацию, вероятно, вам нужно будет больше изучить корпус. Общие cli фреймворков (такие как vue-cli, angular-cli) имеют хорошую конфигурацию в конфигах начальной загрузки.
  • Получите селекторы Dom, просто ванильные или с инструментом фреймворка как ref object как (P)React или Vuejs (доступно и в других), этого достаточно.

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

Спасибо, что прочитали меня, я надеюсь, что это вам нравится или может помочь вам!.