Как из production скомпилировать в dev версию?

Если есть только бандл, и с разрабом связаться не могут - значит, скорее всего, контора кидает людей.

Могут ли контейнеры содержать классы и разметку?

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

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

Могут ли контейнеры содержать классы и разметку?

Роман Якимчук
Ну и вообще, в целом понятие "чистый компонент" не совсем корректно. Чистая может быть функция - она возвращает данные на основе полученных данных, не изменяя их, например, функцией Math.random().

Компонент же не может быть чистой функцией (только если не обертка, которая тупо children оборачивает), т.к. он возвращает разметку. И разметка может быть вообще разной.

Могут ли контейнеры содержать классы и разметку?

Роман Якимчук,

компонент жесткий.

Четвертый тип компонентов?

Могут ли контейнеры содержать классы и разметку?

Но становится помесью.

Третий тип компонентов?

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

С чего вы взяли?

Каждая ситуация - индивидуальна. У вас может быть куча компонентов, которые не будут переиспользоваться, но они от этого не перестают быть презентативными

Могут ли контейнеры содержать классы и разметку?

Отсюда:

Напишите точнее пжл, в какой строке это сказано, искать по всей странице не очень

Если они не чистые, значит частично или полностью самостоятельно получают данные из вне, т.е. становятся помесью контейнер

Я добавляю вызов Math.random() к отрисовке своего компонента - он перестает быть чистым, но не получает данные из вне и от этого не становится контейнером

Верстка и программирование?

FanatPHP, в глаза долблюсь

Верстка и программирование?

FanatPHP, а если 20 разных макетов, зачем их писать в одном файле? Лучше подключать соответствующий файл с нужному шаблону и грузить меньше CSS кода, разве нет?

После перезагрузки пк brackets перестал читать html файл?

Попробуй кодировку поменять на utf-8

Как сконвертировать octet-stream в изображение jpeg?

Спасибо! Пробовал подобное, но не работало это из-за axios, с обычным fetch все ок. Осталось найти решение для axios

UPD: Решение для axios, мб кому-то пригодится:
Ставим в конфиге настройку responseType: 'arraybuffer',
и

сonst blob = new Blob([res.data], {type: 'image/jpeg'});
const url = URL.createObjectURL(blob);

url - подставляем в атрибут src

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, скачайте ваш репозиторий из гитхаба, возможно это избавит от ошибки. Но вообще ошибка сообщает о том, что что-то пытается прочитать свойство parentNode у undefined/null узла
Возможно еще в каком-то месте кода вы пытаетесь работать со свойством DOM-узла, а его нет

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, у меня он из вашего репозитория, соответственно такой же

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, у меня нет ошибок ни с кнопкой, ни без нее

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, нет, вы метод достаете, но не передаете. Ваша кнопка рендерится в компоненте Header, но никакого метода в нее вы не передаете. То есть ваш метод в компоненте кнопки === undefined. Попробуйте вместо метода просто вставить () => {console.log('click)}

Если ошибка не исчезнет - скиньте ссылку на репозиторий

Как при клике получить данные с апи и сразу после этого задиректиться на другой роут?

Роман, гуглите react router dom документацию, или статьи какие. А вообще судя по ошибке проблема ещё с JSON данными.
И ещё - вам не нужно приклеивать роут для :second просто к name, его нужно сделать отдельно и поставить в коде до роута с name

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, проблема должна быть в этой кнопке, уберите ее из кода и все должно быть ок. Смотрите метод, который срабатывает в onClick, с ним что-то не так. Ну и судя по коду, вы не передаёте никакого метода, но вызываете его при клике

Как при клике получить данные с апи и сразу после этого задиректиться на другой роут?

Ну я и говорю, все просто. Твой роутер настроен так:
Покажи страницу по пути /category/:name с параметром exact - и он показывает и все работает. Exact означает, что тебе тот компонент будет отображаться только на этом адресе
Но ты идешь на страницу в глазах роутера /category/:name/:second и это совершенно другая страница под которую у тебя нет роута, а чтобы она работала, нужно сделать под нее роут и поставить его до роута categories/:name, т.к. роутер у тебя это конструкция свитч.

И напоследок - поработай над чистотой кода - очень сложно воспринимать.
Пройди курс на udemy от Юрия Бура - там код стайлинг гуд, а также погугли airbnb стайл гайд

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, код MainButton выложите

В чем проблема TypeError: Cannot read property 'parentNode' of null?

В общем если первый вариант - то замените на второй, должно заработать. Если второй вариант - то скиньте код в песочницу, посмотрю по факту

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Gimir, полный код религия не позволяет скинуть? Какой именно Router вы используете?
import { Router } from 'react-router-dom';
или же

import { BrowserRouter as Router } from 'react-router-dom';

?