dmitry-toster

[...string].filter((_, i) => i % 2 === 0)

1. не понятно для чего вы используете target == item
2. в localStorage не принятно хранить html верстку
3. что такое bl? эта переменная у вас нигде не объявлена
4. не нужно добавлять класс show, когда вы уже удалили класс hide
5. после return не должно идти никакого кода

Вообще, это можно написать проще- когда вы что-то вводите в инпут, сохраняется индекс активного таба на который вы нажали. Далее при клике на кнопку в localStorage сохранится информация вида index->url и при загрузке страницы в нужную вкладку подставится нужная ссылка

1. не нужно в finally очищать список, поэтому у вас в начале не рендерилась первая валюта
2. className нужно сравнивать без точки
3. слетает ссылка на this (советую почитать эту статью)
4. finally отрефакторил, посмотрите как ваши 13 строчек сократились до 3х
5. всегда используйте строгое сравнение ===

в целом, можно еще несколько вещей улучшить (а лучше переписать с нуля), но текущий код хотя бы теперь работающий

Через фронт это можно по разному сделать. Основная идея сохранять все данные и при нажатии на кнопку возвращать промежуточную часть элементов массива, т.е примерно так.
Сколько элементов добавлять хранится в переменной LIMIT

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

1. Брейкпоинтом браузера

Также можно отследить любые события и манипуляции с DOM
2. Поиск по коду проекта (искать по названию класса). В любой современной IDE это делается за пару секунд
3. Браузерным расширением фреймворка (если таковой используется). Которое покажет название компонента и его искать уже в исходниках проекта

Почему после unmout-а стейт остается начальным

Потому что это локальный стейт компонента

и как его сохранить?

1. в родительском компоненте
2. в глобальном сторе типо редакса
3. в localStorage

Ну или так

вангую из-за повторного вызова удаления сообщения, т.е у вас срабатывает это условие

if(message.channel.id === '741584167728316477') message.delete();

и то, что идет ниже

if(message.content.toLowerCase() === '!verify' && message.channel.id === '741584167728316477')
   message.delete().catch(err => console.log(err));

вам надо эти два условия объединить в одно

Самое приближенное, что я смог найти
А тут подробная статья, если постараться, то сможете добиться нужного эффекта

Можно так

В Python это мега просто и занимает пару строк с подключением библиотеки request.

В JS для этого и подключать даже ничего не надо

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

Access to XMLHttpRequest at 'file:///C:/Users/admin/Desktop/test/current.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

в смысле уникальные id?

const uniqueArray = [...new Set(exampleArray.map(item => item.id))] // [28, 52]

[123].toString().split('').map(n => n * 2) // [2, 4, 6]

или еще короче
[...123 + ''].map(n => n * 2) // [2, 4, 6]

Для глубоко изучения JS

Вряд ли есть что-то лучше серии книг Kyle Simpson - You don't know JS, где одной только теме про thisили замыканию уделена целая книга

Интересен супер подробный разбор event loop

Помимо книг выше, есть также отличное видео на YouTube после которого отпадут все вопросы как оно работает

Что можно считать лучшим источником

Собственно Standard ECMA-262

Композиция
Функции высшего порядка
Функциональное программирование

zzz.find(o => o.id === 33).array

В виду того, что сериализация и парсинг JSON очень дорогая операция (см. тест производительности), было принято решение написать свою рекурсивную функцию:

function clone(obj) {
    if (obj === null || typeof(obj) !== 'object' || 'isActive' in obj) return obj;

    const temp = obj.constructor();

    for (let key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
            obj['isActive'] = null;
            temp[key] = key === 'value' ? 'new value' : clone(obj[key]);
            delete obj['isActive'];
        }
    }

    return temp;
}

clone(data);

P.s спасибо пользователю Дмитрий Беляев за совет который сподвигнул к изучению данного вопроса