Дмитрий

Потому что функция async, если вы вызываете ее напрямую, без await, конечно она возвратит промис.

С моей точки зрения React + redux + какие-нибудь примочки для упрощения css - например sass, css--modules, styled components . Всё остальное не принципиально. Из роуд-мапа 30% я вообще не слышал, еще 50% слышал но не пользовался. Тем не менее замечательно профессионально работаю.

UPD Что я использую
1) Понятно что основы: js(esma) + css + html
2) React + redux
3) React hooks (небольшая библитека для превращения простых функций в полноценный реакт компонент с состоянием и событиями, для начала достаточно посмотреть несколько примеров по useState и UseEffect, а потом по мере необходимости углубляться.
4) Менеджер пакетов npm - Там нечего знать, просто несколько основных команд
5) Для CSS - css-modules (учить там нечего, в современных сборках create-react-app идет из коробки) и SASS, тут стоит потратить полдня почитать документацию, для маленьких и средних проектов или проектов с небольшим количеством элементов на странице смысла особого использовать может нет, css-modules более чем выполняет задачу, но для больших проектов может быть очень полезен
6) Сборщик: WebPack - никогда сам не настраивал. Читал, вроде ничего сложного.
7) ReactRouter - необходимая вещь, хотя в последнее время я смотрю в сторону Hookrouter, более простая и приятная штука
8) Тестирование jest, enzyme - Их невозможно выучить, приходит только с опытом. Тестирование это вообще отдельное искусство и требует отдельной конфигурации головного мозга. Я бы вообще тесты сажал писать отдельного человека, когда их пишут сами разработчики в 80% случаев они делают это на отвали.
9) Библиотека функций Lodash - куча полезных функций, упрощающих работу с кодом для массивов, объектов, строк и т.д.
10) Библиотека moment - приходит с опытом. Недостаточно ее просто прочитать, много подводных камней, особенно с временными зонами, которые понимаешь только понаступав на грабли.

Значение промиса можно получить либо через await, либо внутри then, вы не можете получить его напрямую, так как он выполняется асинхронно и на момент присвоения
const mocked = getMockedClient ().then(prop => prop.mockedClient())

он еще не выполнился, это просто декларация о намерениях.

То есть либо

const mocked = await getMockedClient ().then(prop => prop.mockedClient())

тогда код будет ждать выполнения промиса, перед именем функции, внутри которой используется await нужно поставить async

либо

getMockedClient ().then(prop => {
  const mocked = getMockedClient ()
  // И тут делаете с полученным значением что хотите
})

Вообще просто почитайте любую статью про промисы в инете, их полно

Массив в десять элементов нумеруется с нуля до девяти, поэтому длина минус один.
Правильно писатьfor (let i = 0; i < arr.length; i ++)

addEventListener("keydown", function(eventGo) {
  if (eventGo.keyCode !== 13) return
  if (init===0) {
    // Код запуска
    init=1;
  } else {
    // Код остановки
    init = 0;
  }
}

Минимум телодвижений, только нужные элементы без перебора всего массива

const getEvery = (arr, gap) => Array.from(
   { length: Math.floor(arr.length / gap)},
   (_, i) => arr[i * gap + gap - 1] )

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

console.log(getEvery(arr, 3))

Поиск всех значений в кавычках

const str = `
RAM_smith_T1:0 "Anführer von Amerika"
RAM_smith_T2:0 "Popular"
RAM_smith_T3:0 "Suppressor of the Resistance"
RAM_smith_T4:0 "Folower of the Reich's Orders"
RAM_smith_T5:0 "Tied by German Oligarchy"
umc_leader_john_smith_ram_desc:0 ""`

const regExp =  (/:0 "([^"]+)"/ig)
let found
while (found = regExp.exec(str)) {
   console.log(found[1])   
}

Как вариант:

1. Добавьте div-у событие onMouseMove, в нем запоминайте координаты мышки

onMouseMove={e => { this.mouse = { clientX: e.clientX, clientY: e.clientY }} }

2. В процедуре close Проверяйте координаты и вызывайте disable в случае выхода за них

const rect = document.querySelector('.Message').getBoundingClientRect()
if (this.mouse.clientX < rect.left || 
  this.mouse.clientX > rect.right || 
  this.mouse.clientY < rect.top ||
  this.mouse.clientY > rect.bottom) {
  this.disable()
}

Строка
document.querySelector('.Message')

просто для примера, искать по хорошему надо через ref

https://codepen.io/dimoff66/pen/zYxBQvo?editors=0010

Потому что эта строчка не имеет ни малейшего смысла
arr[i] % 0 +`${s}`+ 0
Во первых вы пытаетесь получить остаток от деления на нуль вместо двойки, во вторых вы составляете строку, а строка это всегда true, Поэтому все возвращается.
Я понимаю что вы хотите сделать, но это код, вы не можете составлять код на лету, правильный подход

function getSameParity(arr){
  const newArr = [];
  let s = arr[0] % 2;

  for(let i = 0; i < arr.length; i += 1){
    if(arr[i] % 2 === s){
       newArr.push(arr[i]);
    }
  }
  return newArr;
}

console.log(getSameParity([3, 6, 7, 8])) // [3, 7]
console.log(getSameParity([4, 6, 7, 8])) // [4, 6, 8]

либо короче

const getSameParity = arr => arr.filter(v => v % 2 === arr[0] % 2)

fetch_assoc() возвращает очередную, в вашем случае первую, строку выборки
Поэтому переменные $sqlcitygo и $sqlcityin у вас содержат ссылку на города первого трипа. С переменной $trip они никак не связаны и поэтому выдавать верное значение не могут в принципе. Если getTrip выдает результаты запроса, вам нужно сделать соединения в том запросе и поместить имена городов в отдельные поля.

let win ='2_6_3_1'   
let ystring='1_2_3-1'

const count = 
(values => ystring.split('_').reduce((cnt, v) => cnt + values.has(v), 0)) 
(new Set(win.split('_')))

console.log(count) // 2

Сделать таблицу оплат
payments: id, date, invoice_id, sum
В ней будут отражаться оплаты по счету

Статус по счету получать либо динамически в запросе, сравнивая сумму счета с суммой оплат по нему, либо высчитывать при оплате и ставить в поле таблицы счетов. not_payed, payed_partially, payed_fully

Немного кривоватое на мой взгляд, я бы сделал так

const range = arr => arr
   .sort((a, b) => a - b)
   .reduce((agg, v) => {
      const currRange = agg[agg.length - 1]
      if (!currRange || v > currRange.last + 1) {
         agg.push({first: v, last: v})
      } else {
         currRange.last = v
      }
      return agg
   }, [])
   .map(v => v.first + (v.first !== v.last ? '-' + v.last : '')).join()

([1-9]\d|[3-9])\d+([.,]\d+)?