Руслан

Нужно вывести это все в сетку по 4 элемента в строке <...> Не понятно как перебирая массив делать строки

Очевидно же - порезать массив на куски по 4 элемента, каждый будет представлять собой строку:

const { items } = this.state;
const inRow = 4;
const rows = Array.from(
  { length: Math.ceil(items.length / 4) },
  (n, i) => items.slice(i * 4, (i + 1) * 4)
);

И вместо исходного массива при рендеринге перебираете полученные куски:

{rows.map(n => (
  <div className="row">
    {n.map(m => <div>{m}</div>)}
  </div>
))}

https://jsfiddle.net/cmd7fyn3/

А зачем при изменениях в файлах запускать инициализацию browserSync, если он уже изначально был инициализирован? Есть же browserSync.reload, вот его и передавайте.

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, browserSync.reload);
}));

aioschedule работает с корутинами. trackingStart() - не корутина, а обычная синхронная процедура.

Может я ошибаюсь, но - Количество указывает количество товара для данной опции. То есть Вы указали 1 единица товара доступна для безналичной оплаты.

Попробуйте по-тестить меняя значения количество товара в данной опции

Да, вполне можно, т.к. JS является основой NodeJS, то в процессе изучения ноды необходимо будет изучить и JS. Начните с JavaScript Garden и постепенно изучайте NodeJS, решая реальные задачи.