hzzzzl

несложно, анимировать сам слайдер будет интереснее

Object.entries(data).map(([k, v]) => ({text: v.Label, value: k}))

for (var i = 0; i < num.length; i++) {
не num.length, а str.length

function luckyTisket (num) {
  let str = String(num);
  let arrNums = [[], []];  // чтобы можно было arrNums[0].push и arrNums[1].push
  // Если число четное...
  if (Number.isInteger(str.length % 2)) {
    let halfLength = str.length / 2; // присвоил halfLength значение (значение половины длины строки)
    for (var i = 0; i < str.length; i++) {
      if (i < halfLength) {
        arrNums[0].push(str[i]); // Заполняю первый подмассив первой половиной числа
      } else {
        arrNums[1].push(str[i]); // Заполняю второй подмассив второй половиной числа
      }
    }
  }
  return arrNums;
}

console.log(luckyTisket(222666));

UPD

function getLucky(n = '') {
  const str = String(n)
  const mid = Math.ceil(str.length / 2)

  return [
    str.slice(0, mid).split(''), 
    str.slice(mid).split('')
  ]
}

response['response'].records

выглядит, что это - строка
попробуй посмотреть JSON.parse(response.response).records

body {
  overflow-x: hidden;
}

это надо класть на внешний контейнер, тогда получится

начать можно с чего-то такого

appsService.getApp(params.pk).then(function (result) {
      console.log(result);  // ?

тут точно массив, а не строка или объект?

https://developer.mozilla.org/ru/docs/Web/Guide/HT...

Слушатель для событий dragenter и dragover используются для указания допустимых drop-целей, то есть мест, где могут быть сброшены перетаскиваемые элементы. Большинство областей веб-страницы или приложения не являются допустимыми местами для сброса данных. Таким образом, обработка этих событий по умолчанию не допускает сброса перетаскиваемых данных.

Если вы хотите разрешить сброс переносимых данных, вы должны предотвратить обработку по умолчанию, отменив оба события dragenter и dragover. Это можно сделать, либо вернув false из определенных атрибутом слушателя событий, либо вызвав метод preventDefault() событие.

потому что всё перерендеривается, и фокус теряется

можно решить подобным хаком, а вообще послушаю, будут ли другие варианты

setTimeout(() => {
   textInput.current.focus()
}, 0)   // сработает в следующем цикле event loop-a после рендера

По className'му бы взял, но тут же мне нужно фокус ставить в том Todo, на который я нажал

можно добавлять инпуту data- атрибут типа айдишника, и выбирать нужный как-то в духе document.querySelector('input[data-id="456"]')

нужно больше информации, но вообще вынести функцию туда, где происходит отрисовка окна, то есть в №1

https://learn.javascript.ru/operators#operator-zap...

просто слева направо вычисляются выражения, и последнее "возвращается"

console.log( (a = 4, a = a + 10, a) )
// 14

a[i%2] += b
собственно это прибавляет к элементу a[i%2] значение переменной b и возвращает массив

UPD
и да, я склоняюсь к мнению, что так лучше не писать :D

развернуть второй спан через transform: skew

заставить сайт изменить dom структуру после получения ответа от сервера

куча методов, начиная с тупо добавить innerHTML , до "типа createElement, appendChild, insertAdjacentElement, и тд" итд итп, смотря что и как надо сделать

как сделать, чтобы это работало корректно

coords = '1000'
console.log(+coords + 1)  // перевод в число
// 1001

(╯°□°)╯︵ ┻━┻