Использование jquery для обработки события изменения размера окна в хуке жизненного цикла Angular OnInt

Question

Я использую компонент JqxGrid на всех своих страницах в приложении Angular 6. Проблема, которую я решал, состояла в том, чтобы изменить размер jqxGrid до доступной высоты в «событии изменения размера окна браузера». Поскольку jqxGrid не делает это самостоятельно и не имеет для этого никакой функциональности. я решил это, используя ниже обработчик событий jquery и код TS.

 $(window).resize( _.debounce( () => {
      this.myAccounts = [];
      setTimeout( () => {
        this.gridHeight = this.utilService.calculateGridHeight();
        this.myAccounts = this.source.localdata;
      }, 50);
    }, 100 ) );

Что я хочу спросить, так как JqxGrid используется для отображения разных моделей данных на каждой странице / компоненте, должен ли я использовать этот код в каждом компоненте (тех, которые имеют jqxGrid в качестве дочернего элемента) метод ngOnIt, чтобы реагировать на изменение размера окна? или есть какой-то другой Angular способ добиться этого? и считается ли использование jquery внутри angular плохой практикой?

Спасибо