Как правильно обработать данные get запрос?

Я лучше дам пару наводок на то, как это может (или должно?) быть организовано в реакте.
1) Вы говорите о декомпозиции. Но ведь реакт фактически создан для удобной декомпозиции,и штатные методы, описанные в документации реакта, отличны и самодостаточны. Код разбивается в компоненты, и если разбивать правильно - ваш код не станет настолько большим и нечитаемым. При этом акцент на "разбивать правильно" - нужно почитать статьи, вникнуть в философию реакта и в то как в реакте "текут" данные. Понять когда компоненту нужен стейт, когда не нужен и т.д.
2) О

Get запрос на АПИ переписал как метод класса,

. Может код и работает, но для решения таких вопросов в реакте есть свое решение - кастомные хуки(это если вам очень хочется вынести получение данных в отдельный слой абстракции, так скажем). Я бы на вашем месте просто посмотрел, как можно упростить код, чтобы просто добавить его в юзЭффект одного из родительских компонентов. Не умножайте сущности.
Все написанное сводится к одному простому совету - читайте статьи про лучшие практики реакта, смотрите примеры хорошего кода. Если есть определенная задача, посмотрите как ее решают ваши коллеги в реакте - изобретать велосипед в таком случае скорее всего не потребуется.
Удачи в ваших начинаниях!

Как узнать есть ли на кнопке клас?

покажи код

Почему не видят друг друга устройства в одной вайфай-сети?

Valentin Barbolin, Хм, удивительное рядом. Действительно - оказалось что в случае с пк связь глушилась Авастом. Который кстати делал это молча. До этого я и не думал на файерволы - ведь на тв приставке такие же симптомы. Спасибо за отличную подсказку - значит роутер скорее всего не при чем, буду копать в сторону тв бокса.
О приставке же - использовал несколько приложений. На телефоне осталось Android TV Remote, но кроме него пробовал еще несколько пультов по выдаче в гугл плей(как я теперь понимаю, нужно в свободную минуту залезать на 4pda и искать уже там).

Почему не видят друг друга устройства в одной вайфай-сети?

Valentin Barbolin, да, это специальный софт, но перепробовал несколько разных приложений - с тем же результатом. Ранее проблем не было. А на пк пробовал подключить телефон для отладки приложений при разработке на реакт нейтив - там также есть приложение на телефоне, на пк, сканируешь qr и они коннектятся. вроде по логике хоть одно должно работать из опробованных.

Почему не видят друг друга устройства в одной вайфай-сети?

Drno, ну насколько я понял при включенной функции устройства не должны видеть друг друга, а не наоборот. Но я попробую поиграться.

Как решить данную проблему?

можно просто маржин для main задать в высоту хедера как вариант. Только желательно чтобы это было не в пикселях а в относительных величинах - проценты, vh и т.д., иначе при дригих разрешениях верстка едет.

Кау выставить блоки на всю ширину?

как вариант flex-grow.Также можно назначить ширину родительского контейнера в 100 процентов, а дочерним поставить сколько вам нужно - 40 и 60 процентов, к примеру. как вариант пример

Как передать аргументы из callback обратно в функцию?

Александр Дегтярев, так вы ПО УМОЛЧАНИЮ влияете на результаты. Это вообще вся суть колбека - функции, которая передается внутрь другой функции с целью расширения ее функционала. Напишите какой - нибудь практический пример, чтобы на нем вам было проще понять конценпию - текущий пример не добавляет ясности судя по всему.

Что дальше учить?

Василий Банников, да нет, я без доли иронии - действительно очень хорошо сказано. Как будто с языка снято.

Что дальше учить?

Раз ты не можешь сам оценить нужность этих тем для тебя - значит уровень знаний у тебя сейчас околонулевой.

Длинно - пройдись по каждой теме по порядку:
- Если можешь ответить конкретно на вопрос "что я получу, если изучу эту тему", то решай сам.

Шикарная формулировка я считаю.

Как передать аргументы из callback обратно в функцию?

Александр Дегтярев, и кстати использование var сейчас считается плохой практикой. Используйте только let.

Как передать аргументы из callback обратно в функцию?

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

Как передать аргументы из callback обратно в функцию?

что-то вроде

function sum(num1, num2, callback) {
    var res = num1 + num2;
    let result = callback(res);
    console.log(result);
}


let someCallback = (data) => {
    return `сумма введенных чисел =${data}`
}

sum(1, 3, someCallback)

Как передать аргументы из callback обратно в функцию?

а чем простой return из колбека не устраивает?

Какую библиотеку ReactJS посоветуете для аккордиона?

реакт-бутстрап?

Объясните структуру веб-сервера на node js и socket.io?

чтобы vps смог получать/обрабатывать/отправлять http запросы извне, нужно установить веб-сервер: nginx/apache.

у нас есть хост с установленной нодой - есть полноценный сервер. Все вроде.

Нода позволяет стандартными средствами запускать сервер. Экспресс, нест , сокет ио- надстройки над этой конструкцией со своими плюшками, упрощающими разработку.

если составить блок-схему современного приложения на express.js и socket.io, то какая связь будет между ними?

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

Почему не работает код JS?

WbICHA, Сударь, Ваш авторитет в моих глазах заставил меня провести некие изыскания относительно рациональности данного действия в контексте поставленной задачи. И не найдя оной рациональности в

const slides = [... document.querySelectorAll(".slider__item")];

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

Почему не работает код JS?

const slides = [... document.querySelectorAll(".slider__item")];

а зачем вы разворачиваете это в массив?

Как в моем случае реализовать плавное затухание картинки, и появление новой?

"на вот наводки в три слова, а дальше думай сам

То есть вариант не рыбу, а удочку тебя не устраивает?)
Четкий ответ дается на четкий вопрос. Почему не прогрузилось, почему ошибка. А ставить задание и ждать развернутого ответа уже наглость как по мне.

Как в моем случае реализовать плавное затухание картинки, и появление новой?

Ну и кроме того, на советы ты слабо реагируешь ,если проверить вопросы в профиле. Так какой смысл что-то отвечать?