0xD34F

onChange={this.props.filterItems}

filterItems = ({ target: { name, checked } }) => {
  this.setState({
    [name]: checked,
  });
}

const select = document.querySelector('[name="id_car_mark"]');

Добавляем в начало то, что есть в blackList:

const options = Object.fromEntries(Array.from(select, n => [ n.innerText, n ]));
select.prepend(...blackList.reduce((acc, n) => ((n = options[n]) && acc.push(n), acc), []));

Или, в конец то, чего нет:

select.append(...Array.prototype.filter.call(select, function(n) {
  return !this.has(n.textContent);
}, new Set(blackList)));

https://jsfiddle.net/b3y7smdh/

$('form').on('input', function() {
  const disabled = $('[type="text"]', this).get().some(n => n.value.length < 5);
  $('[type="submit"]', this).prop({ disabled });
});

или

document.querySelector('form').addEventListener('input', e => {
  e.currentTarget.querySelector('[type="submit"]').disabled = Array
    .from(e.currentTarget.querySelectorAll('[type="text"]'))
    .some(n => n.value.length < 5);
});

Потому что вы так стили указали. Делаете меню видимым только по ховеру на .main-header__menu. Увели курсор на другой элемент - меню пропало.

Надо показывать меню по ховеру и на самом меню тоже:

.main-header__menu:hover + .main-header__wrap-submenu,
.main-header__wrap-submenu:hover {
  opacity: 1;
  visibility: visible;
}

Не надо никакого indexOf:

<h1 class="header">click me</h1>
<h1 class="header">click me</h1>
<h1 class="header">click me</h1>

const text = [ 'hello, world!!', 'fuck the world', 'fuck everything' ];
const selector = '.header';

$(selector).click(function() {
  const index = -~$(this).data('index') % text.length;
  $(this).text(text[index]).data('index', index);
}).data('index', -1);

// или

document.querySelectorAll(selector).forEach(function(n) {
  n.addEventListener('click', this);
}, ({ currentTarget: t }) => {
  const index = (t.dataset.index ?? 0) % text.length;
  t.textContent = text[index];
  t.dataset.index = index + 1;
});

<Route path="/:id" component={SinglePhoto} />
<Route path="/history" component={SearchHistory} />

Switch рендерит первый подходящий Route, так что history вы пытаетесь отображать с помощью SinglePhoto.

Поменяйте их местами.

Здесь нужна не фильтрация, а группировка.

В элементы board добавьте свойство, значения которого будут повторять значения свойства category у элементов массива tasks. Типа имя категории, обозвать можно name.

computed: {
  tasksGroupedByCategory() {
    return this.tasks.reduce(
      (acc, n) => (acc[n.category].push(n), acc),
      Object.fromEntries(this.boards.map(n => [ n.name, [] ]))
    );
  },
},

<div v-for="b in boards">
  <h2>{{ b.title }}</h2>
  <div v-for="n in tasksGroupedByCategory[b.name]">
    {{ n.title }}
  </div>
</div>

https://jsfiddle.net/p6k8m527/1/

Сохраняйте заказы в объект пользователя:

<button @click="getOrders(user)">Orders</button>
<div v-for="order in user.orders">

async getOrders(user) {
  this.$set(user, 'orders', await fetch ...);
}

Рекурсия есть:

const findPath = (obj, val) =>
  obj === val
    ? []
    : Object.entries(obj instanceof Object ? obj : {}).reduce((found, n) => (
        found || ((found = findPath(n[1], val)) && found.unshift(n[0])),
        found
      ), null);

Рекурсии нет:

function findPath(obj, val) {
  for (const stack = [ [ obj, [] ] ]; stack.length;) {
    const [ n, keys ] = stack.pop();

    if (Object.is(n, val)) {
      return keys;
    } else if (n instanceof Object) {
      stack.push(...Object.entries(n).map(([ k, v ]) => [ v, [ ...keys, k ] ]));
    }
  }

  return null;
}

setInterval($items => {
  $items.each(i => $items.eq(i).css({
    left: `${Math.random() * window.innerWidth}px`,
    top: `${Math.random() * window.innerHeight}px`,
  }));
}, 500, $элементыКоторымНадоЗадаватьСлучайныеКоординаты);

https://jsfiddle.net/s83btarx/

const formTemplate = `<здесь html-код формы>`;

$(document).on('change', 'селектор чекбокса', function() {
  const $el = $(this).closest('селектор формы');
  if (this.checked) {
    $el.after(formTemplate);
  } else {
    $el.nextAll('селектор формы').remove();
  }
});

https://jsfiddle.net/95rmfax3/

@click="testClickGo().restart"

То есть, попробовать вызвать метод вы не догадались. Это печально.

И если уж вы собираетесь анимацию перезапускать, наверное, надо вместо создания новых объектов сохранить ссылку на тот, что был создан при первом запуске.

targets: '.testVal',

Так не надо, используйте ref.

data: () => ({
  anime: null,
}),
mounted() {
  this.anime = this.$anime({
    targets: this.$refs.animeEl,
    translateX: 200,
    delay: 800,
  });
},

<h1 ref="animeEl">hello, world!!</h1>
<button @click="anime.restart()">click me</button>

Очевидно, у каждого объекта с контентом должно быть собственное свойство, которое будет указывать на наличие лайка. Для отображения лайка неплохо бы сделать отдельный компонент. Можно даже с поддержкой v-model.

https://jsfiddle.net/0y6pjgc4/

Собрать новый массив:

const toggle = (arr, id) =>
  arr.map(n => n.id === id ? { ...n, done: !n.done } : n);

Изменить существующий:

const toggle = (arr, id) => (
  arr.forEach(n => n.id === id && (n.done = !n.done)),
  arr
);

const group = (arr, key, childrenKey) =>
  Object.values(arr.reduce((acc, { [childrenKey]: children, ...n }) => {
    const item = acc[n[key]] = acc[n[key]] ?? n;

    if (children) {
      children = (item[childrenKey] ?? []).concat(children);
      item[childrenKey] = group(children, key, childrenKey);
    }

    return acc;
  }, {}));

const grouped = group(products, 'name', 'childItems');

data = first + second
months = set(n['month'] for n in data)
summed = [ { 'month': m, 'stat': sum(n['stat'] for n in data if n['month'] == m) } for m in months ]

switch (true) {
  case one.includes(inp):
    ...
    break;

  case two.includes(inp):
    ...
    break;
}

Но вообще, в подобной хрени необходимости нет. Собираете в объекты пары массив + завернутый в функцию код из соответствующего массиву case'а, полученные объекты кладёте в массив:

const arr = [
  {
    values: [ ... ],
    action: () => { ... },
  },
  {
    values: [ ... ],
    action: () => { ... },
  },
];

И тогда всё сведётся к поиску элемента и вызову метода:

arr.find(n => n.values.includes(inp))?.action();

preg_match_all('~(?<=<p>).+?(?=</p>)~', $str, $match);

$data = array_map(function($n) {
  return explode('-', $n, 2);
}, $match[0]);

str.split('"').filter((n, i) => i & 1)

// или

Array.from(str.matchAll(/"([^"]*)"/g), n => n[1])

// или

(function get(reg) {
  const m = reg.exec(str);
  return m ? [ m[0].slice(1, -1), ...get(reg) ] : [];
})(/".*?"/g)

// или

Array.prototype.reduce.call(str, (acc, n) => {
  if (n !== '"') {
    acc[1]?.push(n);
  } else if (acc[1]) {
    acc[0].push(acc[1].join(''));
    acc[1] = null;
  } else {
    acc[1] = [];
  }

  return acc;
}, [ [], null ])[0]