Aetae

Я так понимаю эта твоя _ga ставится каким-то скриптом?
Тогда что непонятного?
1. Клиент первый раз пытается зайти на твой сайт;
2. обращается на сервер;
3. сервер пытается получить куку, с помощью php рисует страницу и отдаёт html;
4. html загружается в браузер, исполняются скрипты, ставится кука;
5. клиент обновляет страницу -> 2.

$('.list > a').click(function(event) {
  event.preventDefault(); // останавливаем переход по ссылке
  $('.content').load( $(this).attr('href') );
})

Тебе нужен event.stopPropagation(), но лучше всё-таки почитай в учебнике как работают события в javascript, там не сложно, чтоб не тратить своё время на метод тыка.

Нету у него "своих" методов. Есть только "общие": Object.keys(obj), Object.values(obj), Object.entries(obj).
Почему? Полагаю потому что всё в javascript - наследуется от Object и добавив такие методы - получили бы их повсюду. Побоялись.)

lodash:

var a = [
  ['1', '2', '3', '4'],
  ['5', '6', '7', '8'],
  ['9', '10', '11', '12']
];

var b = [
  ['a', 'c', 'v', 's'],
  ['l', 'k', 'j', 'h'],
  ['f', 'z', 'b', 'm']
];

zipWith(a, b, concat);

Чего сложного то?:

Object.defineProperty(Function.prototype, 'bind2', {
  value(...args) {
    return (...args2) => this.call(...args, ...args2);
  }
});

function split(sum, ...results) {
  // делим число на общее количество часов
  const part = sum / results.reduce((a, b) => a + b);

  // каждые часы умножаем на результат деления и округляем
  const result = results.map(hours => Math.round(hours * part));

  // финальная сумма с учётом округлений
  const resultSum = result.reduce((a, b) => a + b);

  // разница между финальной суммой и изначальной
  const difference = sum - resultSum;

  // если есть разница
  if(difference) {
    // выбираем рандомно счасливчика\неудачника 
    // за счёт которого компенсируем разницу
    // поменяй если надо выбрать кого-то конкретного :)
    const luckyIndex = Math.floor(Math.random() * result.length);
    result[luckyIndex] += difference;
  }

  return result;
}

Нахрена козе баян?
cookies.get = function(domain) {

Очевидно: в зависимости от задачи.
resize - realtime пропорциональная зависимость от размеров всего окна.
matchMedia - единоразовые изменения по breakpoint'ам.
ResizeObserver - слежение за конкретным элементом (который может и не менять размеров при изменении окна\media).

В современном js увы никак.
Раньше когда был только var - все глобальные переменные лежали в window.
Сейчас, однако, есть const и let которые никак не получить.

Ну потому что старые браузеры не умеют в esmodules, а изначальная идея babel как раз в поддержке старых браузеров - всё остальное наслоилось после.
Также esm нельзя скомпоновать в один файл, в отличие от CommonJS.
В любом случае это лишь умолчания, которые вы всегда можете поменять.

1. Запросы вместо await по порядку стоит объединить в await Promise.All чтоб сразу все три значения получал, а лучше вообще объединить их на сервере в один запрос.
2. Стоит вместо first, second, third генерировать массив значений, не зависимый от количества(вдруг скоро юани станут важны). Соответственно и табличку строить от этого массива.
3. Вычисляемые вещи типа data.first.RUB / data.first.USD - хранить в переменных, чтоб десять раз не перевычислять. (это мелочи по производительности, но не эстетично)

В typescript то что после двоеточия - это описание типов. Для js оно не нужно и в принципе, в его понимании, не существует.

Убери его, и всё заработает:

import { DocumentRenderer } from '@keystone-next/document-renderer';

const renderers = {
  inline: {
    bold: ({ children }) => {
      return <strong>{children}</strong>;
    },
  },
  block: {
    paragraph: ({ children, textAlign }) => {
      return <p style={{ textAlign }}>{children}</p>;
    },
  },
};

<DocumentRenderer document={document} renderers={renderers} />;