Дмитрий Беляев

В приложении должен быть один и только один источник правды. На роль такого источника очень хорошо подходят хранилища состояний, предоставляемые такими библиотеками, как redux/mobx/vuex/...
Если в приложении несколько источников правды, то раньше или позже между ними возникнет конфликт, который приведет к трудноотлаживаемым багам.

Говоря совсем простым языком, пока некое состояние модуля/компонента сугубо локально, то есть не влияет ни на что за пределами этого компонента - его можно (а зачастую и нужно) хранить локально, но при этом обязательно абсолютно соблюдать инкапсуляцию этого состояния, ибо как только оно "протекло" во вне, оно перестает быть локальным и становится общим, а там уже и до нескольких источников правды недалеко.
Хранилище состояния же решает эту проблему, становясь тем самым единственным источником правды, которому все могут доверять.

Даже просто взглянув на то, как подсветился синтаксис, сразу видно где ошибка:filters: [{name: 'JSON', extensions: 'json}]ковычку не закрыли

P.S. никогда не используйте remote, 90% выкриков, что electron тормозит - именно из-за того, что люди пользуются этой штукой

const script = document.createElement('script');
script.src = '/path/to/script.js';
document.head.appendChild(script);

У Вас по сути идет Object.keys(properties).map(/* ... */).map(/* ... */) - можно объединить в 1 .map(/* ... */)
.map((el) => el) - такая операция бесполезная трата процессорного времени
Постоянный Object.keys(i) там где вообще можно без него

const transformProductStatusInfo = (items) => items.map(({properties, title, value}) => ({
  title,
  value,
  properties: Object.keys(properties).map(key => ({
    key,
    fieldName: properties[key][0],
    fieldValue: properties[key][1]
  }))
}));

Просто способ сделать код менее понятным человеку, в строках экранированные символы
в формате \u#### записывается символ по коду в кодировке utf-16, где # - 16-ричная цифра
в формате \x## записывается символ по коду в кодировке ASCII, где # - 16-ричная цифра

Например строка '\u005fp\x6fp' - это закодированный вариант '_pop', в чем можно убедится, просто подставив ее в консоль браузера

const checkbox2tabMap = {
  link5: 'tab1',
  link6: 'tab2'
  // ... продолжите сами
};
function onCheckboxChange(event) {
  const tab = document.getElementById(checkbox2tabMap[event.target.id]);
  if(!tab) { return; }
  tab.style.display = event.target.checked ? 'block' : 'none';
}
Object.keys(checkbox2tabMap).forEach(
  id => document.getElementById(id).addEventListener('change', onCheckboxChange)
);

Webpack создает изолированную область видимости для каждого модуля. Вам нужно вручную положить Ваш класс в глобальный объект:

class MyClass {
   constructor(){ this.init()}
   init () {}
}

// например вот так:
window.MyClass = MyClass;

Как и в обычном html, с помощью спец. символов

В данном случае файл отправляется в теле запроса как есть, без всяких оберток:

file_load.onsubmit = function(){
  var file = this.elements.myfile.files[0];
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "upload", true);
  xhr.send(file);
  return false;
}

Следовательно на сервере нам достаточно перенаправить тело запроса целиком в файл:

const server = require('http').createServer();
const fs = require('fs');
const nodeStatic = require('node-static');
const file = new nodeStatic.Server('.', {
  cache: 0
});

server.listen(3000, () => console.log("сервер запущен"));
server.on('request', (req, res) => {
  if (req.url == '/upload') {
    req.pipe(
      fs.createWriteStream('file2.jpg')
    ).on('finish', () => res.end('ok'));
    return;
  }
  file.serve(req, res);
});

function setRandomInterval(cb, minDelay, maxDelay, ...args) {
    let timeoutID;
    (function next() {
        const delay = Math.floor(Math.random() * (maxDelay - minDelay) + minDelay);
        timeoutID = setTimeout(() => {
            cb(...args);
            next();
        }, delay);
    })();
    return function cancel() {
        clearTimeout(timeoutID);
    };
}

// использование:
setRandomInterval(func, 500, 2500); // просто запускаем с интервалом от 0.5с до 2.5с
const cancelInteraval = setRandomInterval(() => {
    console.log('it work');
    if(Math.random() > 0.7) {
        cancelInteraval(); // таймаут можно отменить если вызвать возвращенную функцию
    }
}, 200, 500);
setRandomInterval((arg1, arg2, arg3) => {
    console.log(arg1, arg2, arg3);
}, 1000, 3000, 'arg1', 'arg2', 'arg3'); // подобно setTimeout и setInterval можно передать аргументы в колбэк

for(let  i = Math.sign(number) || 1; Math.abs(i) < Math.abs(number); i += Math.sign(number) || 1) {
  // ...
}

Например так:

[1,2,3,1,2,3,4,0,-1].filter(function(el) {
  return !this.find(el2 => el === el2) && (this.push(el), true);
}, [])

Отрисовка на канвасе идет после загрузки изображения
А запрос на извлечение блоба идет до загрузки изображения и следовательно до отрисовки его на канвасе

parent.querySelectorAll('.gallery-uploads-imgs__item').forEach(element => {
          var img = new Image;
          img.src = element.dataset.src
          document.body.append(img)



          let canvas = document.createElement('canvas')
          let context = canvas.getContext('2d');
          canvas.width = img.clientWidth
          canvas.height = img.clientHeight


          img.onload = function() {
            context.drawImage(img, 0,0);
            img.remove();
            canvas.toBlob(function(blob) {
              let uploadImageUrl = URL.createObjectURL(blob);

              data.blobs.push( uploadImageUrl )

            }, 'image/png');
          }    
        })

P.S. вангую следующий вопрос будет в стиле data.blobs пустой...

И вообще какие еще варианты могут быть решения этой задачи? Кроме цикла for? Несмотря на то что в задании пишет именно с помощью него решить задачу. Просто для себя чтобы знать другие варианты.

document.getElementById('root').appendChild(
  document.createTextNode(
    Array.from(new Array(401), (_, i) => i).slice(4).join(' ')
  )
);

import logBuilder from "./logs/logger";
const log = logBuilder(import.meta);

вот только в es-модулях нет предобъявленной переменной module, которая создается окружением commonjs модулей, но наверняка билдеру нужны метаданные, которые можно получить из import.meta

response.items[0].id
у Вас items - массив, в котором уже лежит объект с полем id