0xD34F

str := "Gigabyte GA-B250M-DS3H (1,485)MSI B250M PRO-VD (MS-7A74) (1,199)MSI H110M PRO-VH PLUS (MS-7A15) (946)Asus H110M-K (816)Asrock B250M-HDV (807)MSI B250M PRO-VDH (MS-7A70) (667)MSI H110M PRO-VD (MS-7996) (663)"
reg, _ := regexp.Compile("\\(.*?\\)")
str = reg.ReplaceAllString(str, "")

const compareArrays = (a, b) => a.length === b.length && a.every((n, i) => n === b[i]);

Потому что настройки балуна относятся к properties, а не к options - читайте документацию.

+str.replace(/[^\d.]/g, '')

или

parseFloat(str.match(/[\d.]/g).join(''))

Слэши в начале и конце не нужны, а обратные слэшы должны быть экранированы:

response.search(`\\b${message}\\b`)

Удаляем из существующего массива:

arr.reduceRight((_, n, i, a) => indexes.includes(i) && a.splice(i, 1), null);
// или
[...indexes].sort((a, b) => b - a).forEach(i => arr.splice(i, 1));
// или
arr.splice(0, arr.length, ...arr.filter((n, i) => indexes.indexOf(i) === -1));

Собираем новый:

const newArr = arr.filter(((indexes, n, i) => !indexes.has(i)).bind(null, new Set(indexes)));

<Transactions />

Не передаёте параметр transactions.

class="filter-menu"

Меняйте class на className. Не только тут, везде.

{transaction}

Объекты вот так передавать нельзя. Можете сделать JSON.stringify, или создать нормальную разметку, типа

<div>{transaction.type}</div>
<div>{transaction.date}</div>

А вот есть у вас некий styleSelector - это что? Непонятно. Не вижу, чтобы эта штука где-то объявлялась - а вы ей пытаетесь addEventListener сделать. Вот код и падает с ошибкой, до того, как подключается обработчик клика, инициирующий построение маршрута.

Контекст теряете. Замените function(el){ на (el) => {.

useEffect(() => {
  const onKeypress = e => console.log(e);

  document.addEventListener('keypress', onKeypress);

  return () => {
    document.removeEventListener('keypress', onKeypress);
  };
}, []);

Не очень понятно, что значит "эффективнее". Есть событие paste, ловите его:

inputElem.addEventListener('paste', e => e.preventDefault());

Сделать компонент рекурсивным, конечно же. Вложенные данные передаются в ещё один экземпляр компонента. Условие окончания рекурсии - некорректность данных (не являются массивом или имеют нулевую длину).

const Comments = ({ items }) =>
  Array.isArray(items) && items.length
    ? <React.Fragment>{items.map(n =>
        <div className="comment" key={n.id}>
          <h3>{n.name}</h3>
          <div>{n.body}</div>
          <Comments items={n.reply} />
        </div>)}
      </React.Fragment>
    : null;

.v-carousel__prev .v-btn__content,
.v-carousel__next .v-btn__content {
  color: red;
}

UPD. Для vuetify 2 будет так:

.v-window__prev .v-btn__content,
.v-window__next .v-btn__content {
  color: red;
}

Рекурсия не нужна:

async function request(data) {
  let result = data;

  do {
    result = await запрос(result);
  } while (result не тот, который нужен);

  return result;
}

Но если очень хочется, тогда так:

function requestRecursive(data) {
  return запрос(data).then(result => {
    return result тот, который нужен
      ? result
      : requestRecursive(result);
  });
}

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

const values = Object.values(obj);

Дальше возможны варианты:

const count = values.flat().length;
// или
const count = [].concat(...values).length;
// или
const count = values.reduce((acc, n) => acc + n.length, 0);
// или
const count = eval(values.map(n => n.length).join('+')) || 0;

Нет у ваших меток никакого содержимого, нечего подтягивать.
Можно достать нужный текст из массива по индексу метки:

const index = myCollection.indexOf(e.get('target'));
alert(myCoords[index].text);

UPD. Не очень понятно, зачем вообще тут нужен alert. Задайте меткам balloonContent - нужный текст будет отображаться посредством всплывающих окон.

transition:

data: () => ({
  image: 0,
  images: [ 'раз картинка', 'два картинка', 'три картинка' ],
}),

<button v-for="(n, i) in images" @click="image = i">
  Показать картинку #{{ i }}
</button>

<transition name="image" mode="out-in">
  <img :key="image" :src="images[image]">
</transition>

.image-enter-active,
.image-leave-active {
  transition: opacity .3s;
}

.image-enter,
.image-leave-to {
  opacity: 0;
}

https://jsfiddle.net/po6ge103/

А почему вы фильтруете разные массивы? - в одном случае brasAll (это как раз тот, который "перебивает все прошлые фильтры"), а в остальных tempProducts.

Почему метод,ответственный за фильтрацию, имеет в своём имени слово "sort"?

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

const filteredProducts = [
  [            true, n => n.type === 'Bras' ],
  [            true, n => n.price <= tempPrice ],
  [ color !== 'all', n => n.color === color ],
  [             cup, n => n.cup.includes(cup) ],
  [        shipping, n => n.freeShipping === true ],
  [          search, n => n.title.toLowerCase().startsWith(search.toLowerCase()) ],
].reduce((products, [ active, fn ]) => {
  return active
    ? products.filter(fn)
    : products;
}, storeProducts);

this.setState({ filteredProducts });

Вариант добавить в лоб, как я сделал это выше class='test', не сработал.

брехня

UPD. Вынесено из комментариев:

Этот класс применился к input. А мне нужно применить класс к самому select, который появляется перед закрывающим тегом body.

Судя по документации, такой возможности не предусмотрено. При изучении исходного кода компонента был обнаружен недокументированный параметр mdClass, значение которого добавляется корневому элементу выпадающего списка в качестве класса.

Можете использовать его на свой страх и риск.

Также надо иметь в виду, что поскольку выпадающий список рендерится за пределами корневого элемента компонента, добавляемый css-класс должен быть описан в секции style, не являющейся scoped.