Егор Живагин

Чтобы избежать проблем со специфичностью (а у инлайновых стилей специфичность больше), лучше добавляйте и убирайте элементам классы с помощью classList https://developer.mozilla.org/ru/docs/Web/API/Elem...
А для классов в стилях прописывайте нужные css правила. Возьмите это за правило и избавитесь от таких проблем в будущем.

forEach не возвращает массив, это делает map. Но также, в вашем callback'е вы должны вернуть обработанное значение элемента массива.

function toCapitalize(str) {
  return str.split(‘ ‘).map(function(elem) {
    return elem.charAt(0).toUpperCase();
  }).join(‘’);
}
console.log(toCapitalize(‘some text’));

rel="preload" имеет смысл использовать только для файлов (css, js, fonts, video, img), которые загружаются не из html-кода, а позже из других css/js-файлов или по ajax/socket. Чтобы браузер не ждал, когда обнаружится потребность в этом файле, а заранее загрузил его.
Для обычных style.css/main.js используйте обычную загрузку.

ведь скрипты потому и в подвале сайта, чтобы отложить их загрузку?

Они в подвале, чтобы не блокировали построение DOM (так юзер быстрее увидит страницу в браузере).

Если у кого есть ссылочка, буду признателен!

есть, держите
https://codepen.io/anon/pen/JzgNJX

Так же, как и в любой другой компонент. А примеры использования пропсов можете посмотреть в документации.

UPD. Глянул код - так у вас же часть работы уже сделана. Некоторые из компонентов уже принимает пропсы - Container, например, или Wrapper. Возьмём Wrapper - у него есть itemWidth и itemHeight. Ну и отлично:

<Wrapper itemHeight="300px">

Говорите, дефолтное значение надо? Ну так пусть вместо height: ${p => p.itemHeight}; будет height: ${p => p.itemHeight || '200px'};, например. Или можно переписать компонент так:

export const Wrapper = styled.article(({
  itemWidth,
  itemHeight = '200px',
}) => ({
  backgroundColor: '#efefef',
  margin: '5px',
  height: itemHeight,
  width: itemWidth,
}));

3 года верстаете на фрилансе и до сих пор не поняли, что верстка бесперспективное направление?! 3 года уже точно как!

Для развития и большего заработка нужно учить js --> js фреймворки (angular, react, vue, ... ).
+ Чтобы что-то заработать нужно знать английский и выходить на иностранные биржи (на upwork посадка на wp весьма актуальный заказ).
+ Научиться работать по часам, сейчас и отечественные уже переходят на такой формат работы.
+ Если 30 отзывов уже есть, то и сами понимаете что умение предложить свои услуги на приличный проект тоже немаловажный аспект.

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

Найти покупателей на $1000. Фриланс это предпринимательская деятельность.

так чуть короче

className={ `type-display-list__item type-display-item ${ typeDisplay === "map" ? 'type-display-list__item_active' : '' }`}

Для работы с классами рекомендую использовать classnames

По этому багу есть обновление с февраля, но в proposed. Временное решение (думаю со следующим обновлением уже будет в stable):

echo deb http://archive.ubuntu.com/ubuntu/ bionic-proposed restricted main multiverse universe | sudo tee /etc/apt/sources.list.d/proposed.list
sudo apt update
sudo apt install gnome-shell
sudo rm /etc/apt/sources.list.d/proposed.list
nohup gnome-shell --replace &

Если потребуется откатиться, то:

sudo apt install gnome-shell/bionic
nohup gnome-shell --replace &

В чем моя ошибка?

Вы изобретаете Array.slice:

function getPaginatedProducts(products, page) {
    const productsPerPage = 3;
    const begin = page * productsPerPage;
    const end = begin + productsPerPage;
    
    return products.slice(begin, end);
}

console.log(getPaginatedProducts(products, 0)); // 1,2,3
console.log(getPaginatedProducts(products, 1)); // 4,5,6
console.log(getPaginatedProducts(products, 2)); // 7,8,9

значит, не выполняются
!users.includes(message.senderId) возвращает true, когда у пользователя нет прав
то есть правильно будет так:

if (users.includes(message.senderId)) {
  await rcon.connect();
  const response = await rcon.send(`${message.$match[1]}`);
  return Promise.all([
    message.send(` Ответ от сервера:`),
    message.send(response),
    rcon.disconnect()
  ]);
} else {
  message.send('⚠ У вас нет прав!');
}

Проблема в том, что на вход в функцию ReactDOM.render вы даёте сам компонент Container, в который не передаются никакие параметры, в частности change. Параметр change появляется только после выполнения connect для этого компонента, следовательно и в ReactDOM.render нужно передавать то, что возвращает вышеупомянутый connect.

Как вариант решения, перенести Provider выше по древу:

const ConnectedContainer =  connect(mapStateToProps, mapDispatchToProps)(Container);

ReactDOM.render(
  <Provider store={store}>
    <ConnectedContainer />
  </Provider>,
  document.getElementById("params"),
);

[...new Set(array.flatMap(n => n.columns).map(n => n.type).filter(n => !defaultTypes.includes(n)))]

Добавили подключение nvm в .bashrc?