Можно ли обернуть контекстом Switch в реакте?

Айрат Мухаметшин, просто хотел натолкнуть на мысль, что вам все равно надо это реализовать и можно попробовать вариант 1 и даже если он не заработает, быстро исправить на вариант 2. Там ведь все отличие в один div.

Можно ли обернуть контекстом Switch в реакте?

Айрат Мухаметшин, так делать можно.)

Как правильно передать пропсы в route который находиться выше?

Ольга Миронова, да, переносить общее состояние вверх.

Как правильно передать пропсы в route который находиться выше?

Ольга Миронова, первая ссылка, храните состояние в App и передавайте его и колбеки на изменение в дочерние компоненты.
Тут можно использовать контекст. Пример.

Как код сделать строкой?

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

(value, index) => <DD a={value} b={index} c={value} />;

Что подразумевается под реафкторингом кода на js и насколько правильно я его сделал для предлагаемого кода?

alexbuki, смотрите статические методы лучше расположить рядом с классом друг за другом.
Насчет дат:

const dates = ['2-1-2012', '1-1-2012', '12-1-2011'];
const journals = dates.map(date => new Journal(new Date(date)));

Journal.min можно реализовать с помощью sort:

Journal.min = journals => journals.sort((a, b) => Journal.compare(a, b))[0];

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

McThinker, у вас только два блока могут иметь разную высоту. Это заголовок и описание. Следовательно вам надо убрать остальные элементы из контейнера с заголовком и описанием и ближнему к нему(это будет .price) задать margin-top: auto;, только для таблеток и выше, а контейнеру div.thumbnal.no-border.no-padding надо задать:

display: flex;
flex-direction: column;
align-items: center;

Это только один из вариантов.

И да, нежелательно переопределять в своем коде вендорные селекторы.

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

Очевидно же. Поочередно поотключать все, что наподключали и выяснить.
Экран белый из-за блока div.preloader.

Почему выводится ошибка Uncaught TypeError: Cannot set property 'onclick' of null?

Перенесите в jsfiddle/codepen/codesandbox

Как динамически подключать компоненты в ReactJS?

jslby, сразу не заметл этот абзац:

Из кода идея понятна, но постараюсь объяснить. Я хочу из одного компонента (index.js) подгружать "глупые" компоненты, которые лежат рядом. Все они идентичны, и всем нужен один и тот же функционал, меняется только текст. Именно поэтому вынес только текст в сторонние файлы.

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

Я попробовал сейчас сделать через import().then но так же тщетно

Вы не пробуйте методом тыка. Хорошо изучите вопрос и все получится.

Как динамически подключать компоненты в ReactJS?

jslby, видимо, вы просто плохо понимаете принципы работы бандлеров. Тут могу только посоветовать изучать вопрос.

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

olya_097, во фронтенд комьюнити есть такая договоренность, использовать const для переменных, которые не переопределяются в коде и let для тех, которые переопределяются. Это сильно облегчает анализ кода.
Современные линтеры при использовании let без переопределения инициируют ошибку.

Безопасно ли для компании платить фрилансерам через расчетные счета сервисов типа paysto.com?

И может кто-то подскажет альтернативные варианты приема платежей от РФ компаний?

Открыть ИП и принимать платежи на расчетный счет.

Почему приложение ведет себя странно при аутентификации?

Александр Вайс, смотрите:
Подключается клиент 1. Глобальная переменная id = 1. Клиенту присваивается id: 1.
Подключается клиент 2. Глобальная переменная id = 2. Клиенту присваивается id: 2.
И тут клиент 1 решил авторизоваться.
Ответ получит клиент с id соответствующим значению глобальной переменной id. То есть клиент 2.

Проблема в использовании глобальной переменной. Тут надо менять логику.

Но и механизм присваивания id очень плохой. Тут могу порекомендовать nanoid

Как бы выглядел такой слайдер на React?

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

Как настроить Type Script c React (.tsx) используя babel 7, через настройки в конфиге webpack 4?

Я обычно использую ts-loader + tsconfig.json

Как изменить горизонтальный scroll?

profesor08, скриншот с Firefox, скроллбары стандартные. Что, впрочем, не удивительно.

Как изменить горизонтальный scroll?

profesor08, псевдо-элементы с префиксом -webkit- работают только в браузерах, использующих одноименный графический движок. Было бы странно, если бы было иначе. Из популярных браузеров как минимум FIrefox, Edge и IE не используют WebKit.

Какой Backend выбрать для React APP?

Еще один. Откуда вы все берете что "стек MERN устарел"?
mern.io это всего лишь сайт библиотеки, которую ради хайпа назвали mern.

"Идеального" бекенда не существует.

Как сделать записать в уже существующий файл json (я фронт)?

Александр Таратин, всего лишь ваш субъективное мнение. Принцип DRY никто не отменял. А "однострочник" содержит 137 строк.