skuvaWeb

Решение в этом загрузчике - https://github.com/mohsen1/service-worker-loader

Если я верно тебя понял, то ты можешь внутри цикла map передать нужный item внутрь OrderItem

{col ? data2["_embedded"]["orderEntities"].map((item, index) => (
  <OrderItem item={item} />

  // Либо так
  <OrderItem {...item} />
))

class Component {
  constructor(element) {
    this.element = element;
    this.button = this.element.find('.button');

    this.bindListeners();
  }

  onButtonClick() {
    alert();
  }

  bindListeners() {
    // Вариант 1 
    this.button.addEventListener('click', () => {
      this.onButtonClick()
    })

     // Вариант 2 
    this.button.addEventListener('click',  this.onButtonClick.bind(this))
  }
}

Так как у тебя есть вложенность массива, тебе сначала нужно его "выровнять"
Для этого есть метод .flat()

[[3, 4, 5], [1, 7, 1]].flat().includes(3)

Вы забыли вернуть значение из гетера

Держи, надеюсь разберешься
https://jsfiddle.net/5mvaw0zr/12/

Варианта 2,
1) canvas (скорее всего качество плохое, потому что на телефоне высокий DPI, и canvas нужно увеличивать в 2-3 раза, почитайте об этом)
2) WebGl, можете использовать нативный, придется немного запарится, но нарисовать градиентный треугольник сможете. Либо возьмите Pixi.js , это обертка над webGl, с ним будет проще. Погуглите про displacementFilter в pixi.js, как раз эффект "волны" получится)

calc(100vw - ((100vw - 1200px)) / 2);
Где 1200 ширина контейнера

Я бы посоветовал mCustomScrollbar