Mikhail Osher

require('postcss-nesting')() – вызовите фактори-функцию, которая из модуля возвращается

// EDIT

Что это Вы нам голову дурите! :)
Читайте сначала спецификацию, а потом выдумывайте несуществующие CSS правила.

.SomeClass {
  &-foo { // < Такого в спецификации нет!
    
  }
}

.App {
  text-align: center;

  &.gg { // < работает 
    color: #1e90ff;
    }
}

Гуглим "apache SPA configuration"

Декоратор. Многие HOC являются декораторами/прокси.

Фасад. В мире React фасадами я бы назвал селекторы. Мы прячем комплексную структуру стора (причем, неважно, что используется - flux, redux, context, whatever) за простыми функциями-геттерами. Это могут быть как обычные геттеры, так и вычисляемые значения.

Медиатор. Допустим, есть форма с двумя полями с датами "начало" и "конец". Первому нельзя ставить значение выше второго, и наоборот, второму нельзя поставить значение ниже первого. Тут и вступает в бой основной компонент формы, который является медиатором, и назначает разное поведение этим компонентам, в зависимости от их значений. Сами они друг про друга не знают.

Обсервер. Тот же HOC connect из react-redux, по сути, является обсервером. Изменился mapState - ре-рендер компонента.

Адаптер. Можно поверх сложных UI элементов (range, datepicker, etc..) писать еще свои адаптеры, которые будут иметь определенный программный интерфейс. Это позволит менять сторонние библиотеки (мало ли, автор забросит поддержку), сохранив при этом программный интерфейс внутри приложения.

В самом React еще другие паттерны. Например, slot pattern, render props.

return забыли перед ReactDOM.createPortal

Замените pushState на replaceState

Да, реально. Только react-dnd подразумевает использование адаптера (backend).
https://www.npmjs.com/search?q=react-dnd%20backend
Либо пишите свой.

https://developer.mozilla.org/en-US/docs/Web/API/E...

name - специальный аттрибут. Куда попало нельзя его ставить.

componentDidUpdate -> prevProps vs props

https://github.com/erikras/ducks-modular-redux
https://github.com/investtools/extensible-duck
https://medium.freecodecamp.org/scaling-your-redux...

orders: PropTypes.ArrayOf <<<- с большой буквы, а надо arrayOf

Если простыми словами..

Декоратор - функция, которая принимает другую функцию (назовём её "базовая") на вход и возвращает третью функцию, которая у себя под капотом вызывает/использует базовую.

HOC - частный случай декоратора, когда базовой функцией является React компонент.

Что-то такое.

import { withRouter } from 'react-router-dom';

const Menu = () => { ... }

export default withRouter(Menu);

Бонус:

В Вашем случае можно просто писать

<Route exact path="/" component={Home} />
<Route path="/contacts" component={Contacts} />

https://stackoverflow.com/questions/32832264/chang...

Такое пробовали?