Как лучше найти одинаковые поля в массивах и объектах?

9700i, это же какого размера у вас массив, что фильтр будет сильно тормозить?

Найти открывавший и закрывающий элемент?

А можно пример входных параметров и ожидаемый результат?

Как упростить условие для пагинатора?

G F, в таком случае я не понимаю что должно на выходе получится. У тебя там намешано очень странных условий.

Как упростить условие для пагинатора?

G F,

{
  currentPage < 5 && 
  <>
    <button style={isCurrent(2)} onClick={() => setCurrentPage(2)}>2</button>
    <button style={isCurrent(3)} onClick={() => setCurrentPage(3)}>3</button>
    <button style={isCurrent(4)} onClick={() => setCurrentPage(4)}>4</button>
    <button style={isCurrent(5)} onClick={() => setCurrentPage(5)}>5</button>
  </>
}

{ currentPage < 5 && [2, 3, 4, 5].map((pageNum) => <button key={pageNum} style={isCurrent(pageNum)} onClick={() => setCurrentPage(pageNum)}>{pageNum}</button> }

Как упростить условие для пагинатора?

ВАРНИНГ! Этот код смотреть опасно для здоровья.

const isCurrent = page => ({background: page === currentPage && 'red'})

Функции, названия которых начинается на is и has ВСЕГДА должны возвращать либо true, либо false. А в данном случае ещё и логика внутри кривая, background может получить тут 2 значения: false и 'red'. Надо говорить, почему первое не валидно?

{currentPage < 5 && <button style={isCurrent(2)} onClick={() => setCurrentPage(2)}>2</button>}
{currentPage < 5 && <button style={isCurrent(3)} onClick={() => setCurrentPage(3)}>3</button>}
{currentPage < 5 && <button style={isCurrent(4)} onClick={() => setCurrentPage(4)}>4</button>}
{currentPage < 5 && <button style={isCurrent(5)} onClick={() => setCurrentPage(5)}>5</button>}

И у этого ужаса ещё 2 аналога. В чём проблема сделать 1 раз проверку и вывести все 4 кнопки? Зачем для каждой делать проверку?

Как избежать ошибки при попытке применить spread не к массиву?

Можно ещё так:

const allArr = [...arr1];
if(arr2) {
  allArr.push(...arr2);
}
if(arr3) {
  allArr.push(...arr3);
}

Но это уже как раз из разряда "городить кучу проверок".

Как правильно прописать тип аргумента, чтобы были видны статичные свойства класса?

lightalex, но... Зачем? Класс итак в глобальном скопе. Он в нём либо создаётся, либо в него импортируется.

Как правильно прописать тип аргумента, чтобы были видны статичные свойства класса?

А что вы подразумеваете под этим?

вместе со статичными свойствами

Статических свойств и методов у экземпляров класса попросту нет. Если же вы подразумеваете, что они должны быть, то делайте новый класс, возможно с наследованием от А, где они будут не статическими.

Как исправить бесконечное повторение цикла?

Добавлю ещё, что непонятно почему тут вайл, а не фор, который сюда подходит идеально, и при этом защищает от подобных ошибок.

Как взаимодействовать со всеми классами?

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Как типизировать hooks и передать его потомку?

Так а в чём проблема? Вот у вас есть интерфейс:

export interface inputOpenType  {
    setOpen: any,
}

Замените эни на нужный тип.

Как сократить запись в "или"?

Bavashi, удивительно, как же трудно некоторым людям признать, что они в чём-то ошиблись, даже в таких мелочах.
Казалось бы, ну не написал ты определение термина выше, ответь, что да, ошибся, но нет, надо постоянно переводить тему, посылать в доки, наверх, и всячески избегать своей явной неправоты.
При всём при этом ещё и говорить, что моё определение неверное.

Знаете, это верх наглости и неуважения, так что не вижу смысла продолжать с вами разговор.

Как сократить запись в "или"?

Bavashi, вы так и будете уходить от ответа? На данный момент меня интересует сам факт наличия описания от вас термина "computed".
Просто. Сделайте. Копи-паст.

Как сократить запись в "или"?

Bavashi, я не понимаю, вы троллите или что? Я вас конкретно попросил:

процитировать самого себя ниже

В ответ вы про демагогию пишите...
Вам трудно сделать копи-паст вашего описания термина "computed"?

Как сократить запись в "или"?

Bavashi,

выше я уже написал, что это значит

Превосходно! В таком случае, думаю, вам будет нетрудно процитировать самого себя ниже, а то у меня проблемы с поиском.

если вам мой непонятен

Пока что мне понятно одно, вы поняли, что моё описание полностью верное, однако признавать это по какой-то причине отказываетесь. Как и написать своё определение значения этого термина.

Как сократить запись в "или"?

Bavashi, боюсь, как раз наоборот, это вы не понимаете. Выше я уже расписал, что это значит (естественно не прибегая к этому слову), а вы что ответили?

нужно читать доки и не писать домыслы

Так вот, жду от вас разъяснения в текстовом виде что означает "computed".

Как сократить запись в "или"?

Bavashi, помимо чтения документации, ещё хорошо бы проверять на практике. Тем более, что про слово "computed" вы только сейчас вспомнили. Или наконец-то залезли в доки.)
Вот к чему этот пример? Что он демонстрирует? Абсолютно ничего.
По вашей логике тут постоянно должны быть разные значения, но, внезапно, это не так:

console.log(SomeUsers.UserSaysNo);
console.log(SomeUsers.UserSaysNo);
console.log(SomeUsers.UserSaysNo);
console.log(SomeUsers.UserSaysNo);
console.log(SomeUsers.UsersSaysYes);
console.log(SomeUsers.UsersSaysYes);
console.log(SomeUsers.UsersSaysYes);
console.log(SomeUsers.UsersSaysYes);

Везде будет одно значение, полученное при инициализации энума.

Как сократить запись в "или"?

twobomb, Bavashi, вы оба правы, но явно не поняли друг друга. Значение ключа энума действительно будет вычислено в рантайме, только вот функция будет вызвана 1 раз при инициализации энема и после этого оно не изменится, то есть, по сути, становится константой.
Или я не так понял Bavashi и он ошибся.

Как сократить запись в "или"?

xmoonlight, кхм... Прочитайте как работают круглые скобки в жс.

Как эффективно и правильно изучать frontend?

Евгений, к чему это вообще? Он конкретно спросил как ЛУЧШЕ изучать, а не как кто-то там изучал программирование в 80ые прошлого тысячелетия.