Антон Спирин

Can I use let?

Object.entries(obj).map(([ key, val ]) => (
  <BlockItemComp
    name={key}
    val={val}
  />
))

В современном js можно сделать так:
new Array(6).fill(null).map((_, i) => i);

Или вот так, раз у вас изначально есть массив:
arr.map((_, i) => i);

Или даже просто так:
Object.keys(arr);

Абсолютное позиционирование, вырезание картинок, before/after... Ох и понапридумывают всякого...

.example {
    background: linear-gradient(to right, #F0F3BD, #F0F3BD), // левая граница
        linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // верхняя
        linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // нижняя
        linear-gradient(to right, #fff, #fff); // правая
    background-size: .5rem 100%, 100% .5rem, 100% .5rem, .5rem 100%;
    background-position: top left, top left, bottom left, top right;
    background-repeat: no-repeat;
}

Один элемент. Один фон. Для всего остального есть CSS.
codepen

Если вопрос обобщить, то получим: Зачем нужна статическая типизация?

Статическая типизация позволяет снизить вероятность ошибки. Например, в year должно оказаться число, а не строка, не массив, не объект. Так более ясно выражется мысль. При ошибке во время компиляции вы узнаете, что где-то косяк и программа может вести себя некорректно.

Плюс к тому ваша ide, возможно, будет вам подсказывать где вы делаете что-то не так.

В общем ускорится разработка и отладка, легче будет расширять проект.

Где элементы находятся, что за элементы, и какой класс будем им добавлять/убирать:

const container = document.querySelector('nav');
const itemSelector = '.sidebar-item';
const className = 'selected';

Вариант раз, делегируем обработку клика контейнеру. При клике ищем элемент с нужным классом, снимаем класс, устанавливаем класс кликнутому:

container.addEventListener('click', function(e) {
  const item = e.target.closest(itemSelector);
  if (item) {
    const activeItem = this.querySelector(`.${className}`);
    if (activeItem) {
      activeItem.classList.remove(className);
    }

    item.classList.add(className);
  }
});

Вариант два, тоже с делегированием. Перебираем все элементы, переключаем класс в зависимости от того, является ли текущий элемент кликнутым:

container.addEventListener('click', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    for (const n of e.currentTarget.querySelectorAll(itemSelector)) {
      n.classList.toggle(className, n === item);
    }
  }
});

Вариант три, назначаем обработчик клика каждому элементу индивидуально, перебираем элементы аналогично предыдущему варианту:

const items = container.querySelectorAll(itemSelector);
const onClick = e => items.forEach(n => n.classList.toggle(className, n === e.currentTarget));
items.forEach(n => n.addEventListener('click', onClick));

Если переопределять не планируете - const
Планируете - let

А вообще юзайте Eslint, он долбанет по рукам когда нужно будет.

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

function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) => next => action => {
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }

    return next(action);
  };
}

const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware;

export default thunk;

для тех кто не любит лазить по исходникам гитхаба приведенный выше код это весь код redyx-thunk + есть еще тесты которые несколько длинее )
нет особой магии, не скажу что ваш пример лучше, но если вам нравится то используйте, но будьте готовы отвечать на вопрос колег, а че thunk или saga не взял ? его все занют, а в чем профит товего решения ?
это вопросы не конкертно по вашему коду, а вообще - вполне оправданые вопросы когда кто то тащит в проект свой велик вместо всем известного решения

Выучить новую технологию за чужой счет штука довольно заманчивая, на мой взгляд.

можно в функцию handleSubmit используя fetch или axios засунуть post с вашими данными на сервер

два языка VS один язык

Go + Websocket -> нужно либо два программиста, либо один, но знанием обоих языков
NodeJS + Websocket -> достаточно одного JS программиста