Совместим ли Next.js c jQuery?

Question

[Stubbornness]

Всем привет!
Начал изучать next.js, очень нравится, однако необходимо также использовать jQuery, подскажите, совместимы ли они и как использовать?

Comments

[Константин Б.]

Конечно. Но вот вопрос зачем?)

[Stubbornness]

Константин Б., ради вот этого:

(function(d, w) {
   w.addEventListener('load', () => {
       d.querySelector('main')
         .style.marginTop = `${d.querySelector('header')
         .offsetHeight}px`;
   });
})(document, window);

(function( $ ) {
    var object = {
      button: '.setting-btn',
      container: '.setting-content'
    };

    $(object.button).on('click', function() {
      var form = $(object.container);

      if (form.hasClass('active')) {
        form.fadeOut(100).removeClass('active header-open').addClass('header-closed');
      } else {
        form.fadeIn(100).addClass('active header-open').removeClass('header-closed');
      }
    });
      $(document).mouseup(function (e){
      if (!$('.setting-content').is(e.target) && $('.setting').has(e.target).length === 0){
    $('.setting-content').fadeOut(100).removeClass('active header-open').addClass('header-closed');
  }
});
})(jQuery);

[modelair]

Stubbornness, он там не нужен. ваш код с легкостью может быть реализован как средствами next, так и обычным js минуя jq

[Stubbornness]

modelair, нужен-не нужен...вопрос был в другом)

[Stalker_RED]

Stubbornness, в первом фрагмент нет jQuery вообще.
Во втором чуток есть, но все кроме fadeIn/fadeOut легко заменяется на чистый js. Эффекты эти можно написать на чистых css+js, либо используя nextjs

[Даша Циклаури]

Stubbornness любой код совместим с next, важно лишь:
1) использовать jQuery только там, где исполняется клиентский код (раньше делали проверку на `typeof window !== "undefined"`)
2) подключать jQuery только в клиентский бандл

[Вадим]

Вопрос, который Вы задаёте, будто бы говорит, что Вы не до конца понимаете что такое вообще jQuery и как всё работает.
Нет ничего, что может быть не совместимо с jQuery, потому что jQuery это библиотека на 100% написанная на JS.
А в браузере у нас только один язык для интерактивности - JS.
Поэтому чтобы Вы не использовали, как бы Вы это не готовили, туда можно будет впихнуть jQuery, потому что он работает в рантайме, в котором у нас только html css и js.

Другой вопрос - что, если Вы так сделаете, используя реактивные фреймворки, то, скорее всего, Вы не поняли изменение парадигмы кодирования, которую вносят реактивные фреймворки и, скорее всего, пишите говнокод.

[Василий Банников]

Stubbornness, оба примера легко реализуются без jquery

Answer 1

[Юрий Матрос]

да, совместим))