Дмитрий

let class1 = 'test1 test2';
let class2 = 'test3';
const classes = class1.split(' ').concat(class2);
element.classList.add(...classes);

Консоль пробовали открывать? Там статика не может загрузиться, потому что ссылки на файлы ведут от корня сервера (/), а не относительно папки с билдом (/react-app/build), и вы получаете 404.
Решение: https://create-react-app.dev/docs/deployment#build...

В основном бандле (ну или манифесте) всё равно будут зашиты пути к чанкам, чтобы клиент знал, откуда их ему качать, когда понадобится. "Злоумышленник" точно так же может их найти.

Проблему надо решать с другой стороны: взаимодействие с непубличными эндпойнтами должно быть закрыто авторизацией или какими-то ключами доступа.

https://basarat.gitbooks.io/typescript/docs/types/... раздел "Excluding certain properties from the index signature"
Выглядеть в вашем случае будет так.
Лучше построить этот объект по-другому:

{
  system: {
    _about: ...,
    commands: {
      ok: { ... },
      err: { ... }
    }
  }
}

Смените файлу с конфигом расширение на .ts

Это называется Single Page Application и клиентский роутинг.
Вам нужно хранить состояние (какая доска сейчас открыта) в URL страницы. Чтобы программно изменять URL, используйте History API. Чтобы читать текущий URL, используйте интерфейс Location.

Попробуйте https://www.npmjs.com/package/html-webpack-inline-...

youmightnotneedjquery.com

А вам точно надо делать это джаваскриптом? text-overflow: ellipsis не подойдет?

Если нет, то понадобится отрендерить строку в браузере и получить размеры DOM-элемента, чтобы затем вычислить допустимое количество символов.

Можно еще почитать про super применительно к React здесь: https://overreacted.io/why-do-we-write-super-props/

Если я правильно понял вопрос, нужно что-то вроде этого: https://codesandbox.io/s/priceless-banzai-orcn3