0xD34F

ни одно из вышеперечисленных условий симметричности не выполняется

Да ну? Ну-ка, посмотрим:

3 - простое число, в двоичном виде выглядит как 11, вполне себе симметрично
5 - простое число, 101 - тоже симметрично
7 - 111, симметрично
17 - 10001, симметрично

Ну и так далее.

$('.break-word').html((i, html) => {
  const [ a, b, c ] = html.split(' ');
  return `${a} ${b}<br>${c}`;
});

или

document.querySelectorAll('.break-word').forEach(n => {
  n.innerHTML = n.innerText.replace(/(.+ .+) /, '$1<br>');
});

Не вижу тут никакой особой логики - только ничем не мотивированное усложнение кода. Если вы говорите, что "возвращать ничего не надо" - зачем тогда получать результаты, складывать их? Да ещё и перетирая один из них, никак не использовав. Так что: вызов первого экшена - оставляем без изменений; второй и третий - просто await'ы, переменную coins убираем; в конце - просто await market, return и суммирование убираем.

Зачем сохранять контекст в отдельную переменную? - при создании стрелочных функций тоже можно использовать async.

Установка значения isLoading - почему вы меняете состояние хранилища вне мутации? Так дела не делаются.

category.id === this.$route.params.category

Я бы предположил, что проблема здесь. Существует ли объект с id, указанным в $route.params.category? И не получается ли так, что вы пытаетесь сравнивать значения разных типов? - скажем, category.id является числом, а params.category строкой.

Если я обновляю state в componentDidUpdate выводит ошибку о бесконечном цикле.

Добавьте проверку, что изменились именно props:

componentDidUpdate(prevProps, prevState) {
  if (this.props.currentSearch !== prevProps.currentSearch) {
    // ваш код с вызовом setState
  }
}

Свойства tickPixelInterval, tickPositions. Например.

почему-то не отрабатывает ни один из хуков

Вот ведь чудеса какие. А может эти хуки, ну они, как бы это сказать... это самое... А ВДРУГ ИХ НЕТ??!

Идём на гитхаб, смотрим чо как - действительно, нет. И нет давно - с февраля позапрошлого года. Там же, на гитхабе, смотрим актуальную версию API. Если я правильно понял - то, что вам нужно называется onHasTask. Исправляем код, и...

Object.entries(comments).reduce((acc, [ k, v ]) => v.parent === null ? { ...acc, [k]: v } : acc, {})

или

Object.values(comments).reduce((acc, n) => (n.parent === null && (acc[n.id] = n), acc), {})

chart.js

$digits = str_split($number);

$average = array_sum($digits) / count($digits);

preg_match('/ИНН: (\d+)/', $str, $match);
$inn = $match[1];

<button class="click-count">click me</button>
<button class="click-count">click me</button>
<button class="click-count">click me</button>

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('click-count')) {
    t.innerText = (t.innerText | 0) + 1;
  }
});

// или

const onClick = e => e.target.textContent = -~e.target.textContent;
document.querySelectorAll('.click-count').forEach(n => n.addEventListener('click', onClick));

Во-первых - почему вместо animate используете attr (gr1/2)?

Во-вторых - почему передаёте функции вместо объектов в animate (path1/2/3/4)?

Исправлено.

если написать в render то он до отрисовки сделает скролл
componentDidMount вообще один раз сработает после отрисовки страницы

Я слышал, будто бы ещё есть какой-то componentDidUpdate - делайте свой скролл в нём.

Есть ощущение, что я что-то в доках базовое пропустил

Может is?

метод animate, например

Что если заменить

.imageContainer:empty {
  height: 0;
  border: none;
}

на

.imageContainer:empty {
  visibility: hidden;
  /* или */
  opacity: 0;
}

??

UPD. Или, добавить box-sizing: border-box; для .imageContainer.

UPD. Или, заменить flex на grid - убрать flex: 0 0 30%; у .imageContainer, а у их родителя пусть будет так:

display: grid;
grid-template-columns: repeat(3, 30%);
justify-content: space-between;