0xD34F

https://codesandbox.io/s/yqjkoj27z1

_react.default.createContext is not a function

гугл советует перейти на 16 версию реакта, но не думаю что это проблема старой версии

Понятно. Вы подумайте ещё раз.

"react-redux": "^6.0.0"

Открываем документацию, и видим что

React Redux 6.x requires React 16.4 or later.

Во-первых, разберитесь, что такое json. Характернейший признак безграмотности - когда человек путает json и объекты, получаемые при парсинге json'а.

Во-вторых, почему установка значения info происходит в mounted? Что мешает сделать это сразу в data?

В-третьих, вы плохо понимаете, что такое computed свойства (документацию-то пробовали открывать?). Следует возвращать значение, а не что-то там присваивать.

В-четвёртых, нужна сортировка - ну так сортируйте:

computed: {
  sortedInfo() {
    return [...this.info].sort((a, b) => {
      // как именно сортировать - тут уж вам виднее
    });
  },
},

Неправильно оформленный второй if. Исправляем:

mixin section(props)
  -
    var allMods = '';
    if (typeof(props.mods) !== 'undefined' && props.mods) {
      var modsList = props.mods.split(',');
      for (var i = 0; i < modsList.length; i++) {
        allMods = allMods + ' section--' + modsList[i].trim();
      }
    }

  if props.bg && props.mods
    section(class='section' + allMods style="background-image: url('https://source.unsplash.com/MYlCex1M7Ok/1920x200')")
      .container
        block

  section(class='section' + allMods)
    .container
      block

сначала сделать запрос <...> после чего отрисовать страницу

Нет, это делается не так. Страница отрисовывается сразу. Пока данных нет - демонстрируется индикатор загрузки; после выполнения запроса индикатор скрывается, данные показываются (см. условный рендеринг). Например.

Вариант попроще - таймауты устанавливаются одновременно всем элементам, длительность таймаута зависит от индекса элемента:

let state = true;

document.querySelector('button').addEventListener('click', e => {
  state = !state;

  document.querySelectorAll('circle').forEach((n, i, a) => {
    setTimeout(() => {
      n.classList.toggle('st0', state);
      e.target.disabled = (state ? a.length - i : i + 1) !== a.length;
    }, (state ? a.length - i : i) * 3);
  });
});

Но, наверное, устанавливать столько таймаутов сразу не круто, так что вот вариант посложнее - таймауты устанавливаются поочерёдно, следующий в коллбеке предыдущего, ну а длительность у всех таймаутов одинакова:

let state = true;
const button = document.querySelector('button');
const circles = document.querySelectorAll('circle');

button.addEventListener('click', () => {
  state = !state;
  toggleCircle(0);
});

function toggleCircle(i) {
  if (i < circles.length) {
    setTimeout(() => {
      const index = state ? circles.length - i - 1 : i;
      circles[index].classList.toggle('st0', state);
      button.disabled = i !== circles.length - 1;
      toggleCircle(i + 1);
    }, 3);
  }
}

Ну или можно вместо таймаутов устанавливать интервал:

let state = true;
const circles = document.querySelectorAll('circle');

document.querySelector('button').addEventListener('click', function() {
  this.disabled = true;
  state = !state;

  let i = 0;
  const intervalID = setInterval(() => {
    const index = state ? circles.length - i - 1 : i;
    circles[index].classList.toggle('st0', state);
    if (++i === circles.length) {
      this.disabled = false;
      clearInterval(intervalID);
    }
  }, 3);
});

Так, что ли?

файлы записываются все сразу на первой же итерации

Что неудивительно, ведь fs.writeFile - асинхронная функция. Используйте синхронную, или можете написать обёртку, возвращающую Promise, либо самостоятельно:

const writeFile = (name, data) => new Promise((resolve, reject) => {
  fs.writeFile(name, data, function(err) {
    if (err) {
      reject(err);
    } else {
      resolve();
    }
  });
});

Либо с использованием util.promisify:

const writeFile = require('util').promisify(fs.writeFile);

И использовать её вместе с await'ом:

for (let i = 0; i < iterations; i++) {
  await writeFile(`data${i}.txt`, JSON.stringify(obj[i], null, 2));
}

moment.utc(moment.duration(endTime) - moment.duration(startTime)).format('HH:mm')

Ау, документацию для кого сделали?

Так, что ли?

.item
  margin-left: -450px
  @for $i from 1 through 6
    &:nth-child(#{$i})
      left: $i * 150% - 100%

Нет. Есть костыли (например) - можете использовать их. Ну или ждите Vue 3 - говорят, там будет.

если я пишу что то одно, то ошибка

Так вы проверяйте перед вызовом функции, что она есть. Вместо

- blocks.left()

будет

-
  if (blocks.left) {
    blocks.left()
  }

Ну или покороче можно: - blocks.left && blocks.left().

var delayAnim = 4;
<...>
'animation-delay': '.' + delayAnim + 's'

Круто. Секунды, которые на самом деле не секунды, а десятые доли секунды. Пишите сразу 0.4 при объявлении переменной, не вводите людей в заблуждение.

Ну а само увеличение делается элементарно - добавляйте к исходному значению индекс, умноженный на шаг:

'animation-delay': (delayAnim + 0.2 * index) + 's'

Слишком сложный код в watcher'е. Всё, что тут нужно - это найти ближайшую точку к текущему значению, достаточно считать абсолютные значения разностей, и брать минимальное.

Чтобы ваш код отрабатывал после изменений внутри слайдера, его можно попробовать завернуть в nextTick, и добавить ленивую синхронизацию при drag'n'drop'е.

Должно было быть так?

удаляются последовательно только теги tr <...> вложенные теги td остаются

Не вложенные. Давайте повнимательнее взглянем на создание новой строки в таблице:

table.appendChild(tr);
<...>
table.appendChild(tdLeft);  // "Название"
table.appendChild(tdRight); //"Описание"
table.appendChild(tdDelete); //"Навигация"

Ячейки у вас добавляются непосредственно в tbody, а вовсе не в tr.

Кроме того, обработчики клика по кнопкам удаления у вас добавляются один раз, при загрузке страницы, то есть кнопки всех добавленных пользователем строк обработчиков клика иметь не будут. Вам следует освоить такой приём, как делегирование.

UPD. Исправлено.

Функция объявлена внутри другой функции, и использовать первую вы пытаетесь за пределами второй - естественно, там её нет. Области видимости в js - бегом гуглить и разбираться, это основы.