Alexandroppolus

async-функция возвращает промис, только и всего. Если onClick это по барабану, то всё норм.

while (this._robots.some(robot => !robot.isFree)) { }

это бесконечный цикл. Занятые роботы отработают, но ответы будут ждать в event-loop, пока не закончится текущий таск. А он не закончится - у него тут, видите ли, бесконечный цикл.

надо проверять, что массивы не равны. Сделал поверхностное сравнение. Возможно, понадобится ещё и вглубь элементов, но это детали. В общем, сравнивай массивы.

const isShallowEqualArrays = (arr1, arr2) =>
    arr1 === arr2 || (arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));

export const mainReducer = (state = initialState, action) => {
    if (action.type === SET_COUNT) {
        if (!isShallowEqualArrays(state.count, action.count)) {
            return {
                ...state,
                count: action.count
            };
        }
    }
    return state;
};

убрать данный useState из MainPage

поскольку эти данные меняются в одном компоненте, а читаются в другом (соседнем), то каноничнее всего вынести их в стор, например в редукс, раз уж он тут.

useCallback и React.memo тоже понадобятся. Есть смысл мемоизить Table, он очень жирный. Соответственно для создания sortData не обойтись без useCallback.

есть и другие приколы. Например, sortUpData и прочие хелперы. Там мутабельно сортируется массив. Да-да, arr.sort(...) возвращает тот же самый объект массива, предварительно отсортировав. Это может приводить к потере перерендеров при изменении состояния. Для иммутабельности надо так: arr.slice().sort(...) - тут создается копия и сортируется.

прочее не смотрел, но не удивлюсь, если ещё есть какая ересь на местах..

номер слота = y * 9 + x

только тут не хватает слота 16, и это взорвало мне мозг

FlatList data должно быть массивом или простым объектом, а ты передаешь туда Map. Возможно, причина в этом.

И кстати, let catList = new StoreListService('categories',null).eventStart(); создаст пустую коллекцию. Она заполнится в колбэке readRemoteFile, то есть асинхронно. Если Stores к моменту заполнения будет уже нарисован, то он не обновится. Это так, лирическое отступление.

Ну и конечно, в catList в текущей реализации будет только 2 записи - id и cat последней строки.

urls.forEach((url, i) => {
    console.log(url + ' ' + ports[i % ports.length]);
});

В этом примере все объекты уникальны - сравнение-то делается по ссылке на объект.
Так что сравнивай не сами объекты, а из значения - пары (userId, teamId)

да тут без всякого хаммера можно обстряпать.
обычный драг-н-дроп.

при nousedown запоминаешь в переменную Х, где был курсор мыши, и в переменную A - угол поворота, который был в этот момент.
при mousemove - берешь разницу текущего Х и сохраненного при старте (допустим, это число D), и делаешь текущий угол поворота равным A + k*D, где вещественное k подобрать по вкусу (чем больше, тем быстрее вращается).
mouseup - отписка от событий mousemove и mouseup, прекращение драгндропа.
всё как всегда, в общем.

сначала у массива вызывается метод valueOf, но он возвращает не примитив, а сам массив, и приходится вызвать toString, который дает строку, потому складывается строка с числом.

вот, поэкспериментируй в консоли браузера

var v12 = {
    valueOf: () => {console.log('valueOf'); return [1];},
    toString: () => {console.log('toString'); return '2';}
}

console.log(v12 + 2);

если убрать квадратные скобки, то toString не понадобится

function calcSize(w, h, limitW, limitH) {
    if (h <= limitH && w <= limitW) {
        return [w, h];
    }
    const r = Math.min(limitW / w, limitH / h);
    return [Math.round(r * w), Math.round(r * h)];
}

const realSizes = calcSize(imgW, imgH, Infinity, 200);

размеры с сохранением пропорций, чтобы вписаться в лимит ширины и высоты

document.body.insertAdjacentHTML('beforeEnd', '<i>3425432642656</i>')

Для поразрядных операций JS приводит числа к Int32 (знаковому), и, например, 3232286720 в этот диапазон не влазит, оно считается отрицательным из-за единичного старшего бита.

Чтобы посмотреть, как оно работает, открой консоль браузера, и создай 2 массива:

var a = new Uint32Array(1);
var b = new Int32Array(a.buffer);

a[0] = 3232286728;

console.log(b[0]);

function nonZeroSort(arr) {
    const nz = arr.filter(Boolean).sort((a, b) => a - b);
    let pos = 0;
    return arr.map((x, i) => x && nz[pos++]);
}

если надо отсортировать "на месте" (в исходном массиве), то вместо map использовать forEach или обычный цикл