Andrey Perov

Такое ощущение будто в .map асинхронная функция не дожидается своих await, а сразу возвращает промис.

Так точно. Функция, переданная в map, вызывается без всяких await'ов.

Хотите массив со своими удвоенными значениями - используйте Promise.all:

const arr = await Promise.all([1, 2, 3, 4, 5].map(async (value) => 2 * await asyncThing(value)));

console.log(arr); // [2, 4, 6, 8, 10]

Вся актуальная литература есть только на Amazon. Вот, например, книги по JavaScript тематике, отсортированные по дате выхода (с учетом планируемых).

Также, на заметку, издательство O’Reilly предлагает в открытом доступе ряд материалов для изучения, а издательство Packt раз в сутки выкладывает для бесплатного доступа рандомные книги - можно мониторить на предмет актуальности исходя из личных потребностей.

Крайне редко вы встретите актуальный русскоязычный аналог, да еще с толковым переводом. Поэтому, я бы делал ставку на английский - это ваша дополнительная степень свободы относительно доступа к самой новой и качественной информации на рынке.

Делаем нормально: [...new Set(arr)].

И ненормально:

Object.values(arr.reduce((acc, n) => (acc[n] = n, acc), {}))

// или

Array.from(new Map(arr.map(n => [ n, n ])).values())

// или

arr.filter(function(n) {
  return !(this[n] = this.hasOwnProperty(n));
}, {})

// или

arr.filter(((picked, n) => !picked.set(n, picked.has(n)).get(n)).bind(null, new Map))

// или

arr.filter((n, i, a) => i === a.indexOf(n))

// или

arr.reduce((acc, n) => (acc.includes(n) || acc.push(n), acc), [])

function one() {
  console.log('AAAAAAAAAA');
  one = () => {};
}

Ну или можно как декоратор это дело оформить:

function once(f) {
  let called = false;
  return function() {
    if (!called) {
      called = true;
      return f.apply(this, arguments);
    }
  };
}

const one = once(function() {
  console.log('AAAAAAAAAA');
});

const arr = Object.entries(obj).map(([ k, v ]) => ({ id: +k, name: v.nameEn }));

Создаётся анонимная функция, после её объявления она вызывается.

Почему не работает - вам написали, синтаксическая ошибка.

Возьмите ваш action.title в кавычки, либо в квадратные скобки - в зависимости от того, что вам нужно. В первом случае именем свойства будет "action.title", во втором - значение action.title.

Кстати, а что нужно? Очевидно, второй вариант - значение action.title должно стать ключом, но что дальше? Ведь получится, что ключ и значение свойства вложенного объекта совпадают, а больше в этом вложенном объекте ничего и нет. Будет ли он дополняться в будущем чем-то ещё? Если нет, было бы логичнее складывать эти title'ы в массив вместо создания отдельного объекта под каждый. Если да, то в случае, если объект с указанным title'ом уже существует, его свойства будут потеряны. Так и задумано? Если нет, то их надо копировать:

return {
  ...state,
  [action.title]: {
    ...state[action.title],
    title: action.title,
  },
};

Второе: productList, orderList, userList
Или же: products, orders, users

Вообще, это не относится к программированию — насколько я знаю, по-английски правильно item list, но list of items.

В первую очередь нужно хорошо понимать JS, именно не выучить, а понимать. Область видимости, наследование, контекст, замыкания. Типы данных, как с ними работать. Потом разобраться с ES6. https://learn.javascript.ru/ в этом плане как оглавление, дальше по всему интернету искать статьи и видеокурсы на ютубе, главное брать и самому делать примеры из статей без подсказок и только потом смотреть готовое решение и сравнивать. Консолить, консолить и консолить. Дальше, когда разберетесь с чистым JS, учить уже фреймворки React, Angular, Vue

https://www.browserstack.com/
https://crossbrowsertesting.com/

Ну вот есть DOM. Он медленный, и дергать его просто так не стоит. А есть виртуальный DOM, что-то типа прослойки между вашим кодом и реальным DOM. Вы можете дергать виртуальный DOM сколько вам душе угодно, а прослойка эта соберет всю инфу о том как вы чего делали, и попробует оптимизировать взаимодействие с реальным DOM что бы вышло как можно меньше действий.

Пример - задача простая, у вас есть таблица и нужно постоянно обновлять ячейки новым значением. Значение приходят из апишки раз в пару десятков милисекунд (какая-то реалтайм статистика к примеру). Значения эти - просто массив данных.

Решение в лоб - каждый раз когда приходят данные, дропать старую таблицу, проходить циклом по массиву и формировать новую. Это куча операций с DOM. У вас каждые n милисекунд будет полностью перестраиваться вся эта штука, дропаться и создаваться новые элементы и все это будет ужасно долго пересчитываться и перерисовываться.

А теперь добавим между всем этим виртуальную апишку, которая запоминает что она там в прошлый раз создала и что надо в этот раз создать. Вы все так же влоб проходите циклом по массиву и просите виртуальный дом построить новую апишку, а виртуальный дом будет стараться переиспользовать то что у него уже есть, ну и все в таком духе. За счет этого получается нефиговый прирост производительности (но есть потери на работу самого виртуального DOM, зато можно фигачить как хочешь).

Если же прослойку эту сделать со своим интерфейсом, можно получить слой абстракции для работы с UI. Именно это предлагает тот же React. Слой абстракции над UI. Вы можете работать с реактом, но UI будет отрисовываться не через DOM а скажем... это может быть нативный интерфейс мобильной платформы (гуглить native-react). Ну и т.д.

ИМХО
1) Обо мне – не стал бы писать, кому какая разница какой я коммуникабельный, проактивный и эмпатичный человек. Лучше привести примеры работы с ссылками на сайты и с подробно расписанными кейсами. Не просто простыня из рендеров страниц, а подробное описание: Цель, задачи, трудности, как решил, какой стек, результаты работы. Условно, можешь это писать на каком-нибудь medium и просто подтягивай на страницу портфолио. (Medium.com явно будет индексироваться лучше, чем твой сайт)
Еще прикрепи свой github и активно веди его, отмечай какие-то свои находки, веди проекты, разрабатывай инструменты для сообщества и так далее.
Да, контакты тоже нужно не забыть прикрепить.
2) Всё, что не стесняешься приложить (телеграм, почта, социальные сети) [почтовый адрес не надо]
3) Ты конечно можешь сделать "просто и понятно как у эпл", но зачем. Сделай как тебе нравится и как тебе хочется, ведь к тебе придут люди предложить работу и лучше пусть их зацепит то, что нравится тебе, тогда ты будешь кайфовать от работы.

https://jsfiddle.net/t6maxeaw/