Возможно ли добавить ключ к одному объекту из другого более простым способом (например используя spread)?

Не надо накапливать price. Данные на бирже меняются чуть ли не каждую секунду, ваши накопленные данные будут невалидными.

Как организовать автоматическую сортировку по алфавиту свойств стилей SASS/LESS в IDE?

Aleks, группировать свойства по-алфавиту это неправильная привычка. Общепринятая хорошая практика группировать правила по назначению, что-то вроде:

• Layout Properties (position, top, right, bottom, left, display)
  
• Box Model Properties (width, height, margin, padding)
  
• Visual Properties (color, background, border, box-shadow)
  
• Typography Properties (font-size, font-family, text-align, text-transform)
  
• Misc Properties (cursor, overflow, z-index)
  

Как организовать автоматическую сортировку по алфавиту свойств стилей SASS/LESS в IDE?

Aleks,

возможно вы правы, но линтер считает по другому

А вы точно понимаете зачем вашему проекту нужен линтер?
Это правило, если что, отключить можно.

Является ли хорошей практикой использовать setState в redux?

Алексей Николаев, для всего приложения. Не забывайте, что redux это не архитектура ради архитектуры, а инструмент для решения определенных задач. Если есть задача использовать какое-то общее состояние в разных частях приложения, хранить его и иметь возможность его изменять, то redux тут подойдет как нельзя лучше. Если же подобной задачи не стоит, то всегда предпочтительней state компонента. Меньше кода, меньше операций, проще анализ и рефакторинг. В случае изменения требований локальное состояние переносится в хранилище redux за считанные минуты.

в редаксе ведь центральный принцип "весь state приложения в одном месте".

Верно. Но единственная выгода, которую вы при этом получите это путешествия во времени, которые мало когда нужны, при целой куче недостатков вроде просевшей производительности, раздутой кодовой базы и усложненного рефакторинга, казалось бы, простых вещей.
Относитесь к этому правилу как к Есть только одно глобальное хранилище. При этом локальных может быть неограниченное количество.

Так же обратите внимание на Context API, многие вещи удобно передавать через контекст.

Как заменить дефолтное диалоговое окно события onbeforeunload на свое?

Nikolko, для осуществления вашей задумки достаточно строки:
window.onbeforeunload = () => true;
При попытке покинуть страницу появится стандартный диалог со стандартным сообщением.

Как заменить дефолтное диалоговое окно события onbeforeunload на свое?

Nikolko, вы пока еще можете менять текст сообщения в Edge и IE, но, по-хорошему, делать этого не надо.

Как правильно использовать mapStateToProps с асинхронным поведением компонента?

lacront, а зачем? у вас должен храниться в начальном состоянии пустой массив.
По-хорошему, например, так:

const initialState = {
  data: [],
  isLoading: false,
  isError: false,
};

И тогда проверка if (!state.isLoading.coins){} будет не нужна.

Что лучше? Как правильней?

caof19,

У меня на margin'ах все держится,

Не очень хороший подход.

с padding иногда возникают проблемы

Скорей всего надо добавить правило:

* {
  box-sizing: border-box;
}

Что лучше? Как правильней?

caof19, kit - набор. Базовый набор элементов, как в bootstrap, например.
С другой стороны, если наоборот блок нестандартный, а заголовок из кита, то можно использовать background-image для блока.

Padding для контента, иначе он будет перекрывать ваше изображение.

С вашей задачей все просто, раз попросили не использовать псевдо-элементы - не используйте. Хозяин - барин :)

Что лучше? Как правильней?

caof19, ну вариант с before, как минимум, можно использовать в стандартных блоках кита(kit), если он есть. Еще вы padding забыли в своем примере.
Думаю, стоит смотреть по ситуации и подбирать самое рациональное решение из возможных. Оно не обязательно должно быть одно, часто правильных вариантов несколько.

Что лучше? Как правильней?

caof19, думаю, можно так:

.some-title:before {
  display: block;
  width: 90px;
  height: 90px;
  margin: 30px auto 65px;
  background-image: url(images/gear.png);
  background-repeat: no-repeat;
}

Что лучше? Как правильней?

caof19, да, почитал ваши ссылки, вы правы и это общепринятая практика.

Что лучше? Как правильней?

, и тем самым проходим этап семантической разметки, которая входит в состав семантического ядра.

Семантическое ядро сайта (СЯ) — это упорядоченный набор слов, их морфологических форм и словосочетаний, которые наиболее точно характеризуют вид деятельности, товары или услуги, предлагаемые сайтом. Семантическое ядро имеет центральное ключевое слово, как правило высокочастотное, и все остальные ключевые слова в нём ранжируются по мере убывания частоты совместного использования с центральным запросом в общей коллекции документов. Таким образом, семантическое ядро представляется в виде семантического графа, где длины его ребер обратно пропорциональны частоте совместного упоминания.

По поводу img и background-image убедили. Сам для иконок использую svg и use.

Что лучше? Как правильней?

caof19,

Img для контекстных картинок, которые несут какой смыс

Первоисточник, пожалуйста.

Семантическое ядро не имеет никакого отношения к верстке.

Что лучше? Как правильней?

caof19, с чего бы? img - тег для изображений.

Что лучше? Как правильней?

caof19,

В третьих, я обосновал, почему img не подходит

Где обоснование-то?

Есть ли сайт, где собраны общепринятые практики программирования?

Dmitry Bay, верно. Но тем не менее, булева значения для трех биологических полов: male, female и intersex все равно не хватит.

spoiler

Warning: Encountered two children Почему рендерится как дубликаты?

Код опубликуйте.

Есть ли сайт, где собраны общепринятые практики программирования?

fshp, Lander,


Самое забавное, что это уже давно не шутка.

Можно ли просто организовать хранение общих данных между компонентами в React и Redux?

но за одно после этого нужно скрыть другие 5 разных компонентов, и показать один с информацией про этот город

Возможно, тут лучшим решением будет использование роутера.