Правильно ли сверстанный данный макет?

Форму меньше сделайте. Она огромная.

Как изменить данные из одной "утки" в другой?

evg_96, для сервиса доставки еды это, имхо, лишний функционал. Такой заказ обычно делают в течении 10 - 20 минут и с одного компьютера. Писать в БД лучше именно заказы. Но вы, конечно, поступайте как вам видней.

Как изменить данные из одной "утки" в другой?

evg_96, почему-то мне кажется лучшим решением, писать состояние в local storagе. Ведь корзиной, по-хорошему, должны иметь возможность пользоваться и незарегистрированные пользователи.
Вы можете использовать redux-persist. Он автоматически будет обновлять local storage по состоянию store для нужных частей состояния и наоборот store по local storage при инициализации.

Пользователю в firebase можно писать совершенные заказы для истории.

Как убрать eslint warnings одной командой?

cester, разобрались с этим? Я вам в другой вопрос развернуто ответил.

Как изменить данные из одной "утки" в другой?

evg_96, вот еще должно внести ясность.

const isProductAddedToCartSelector = createSelector(
  cartProductsSelector, // ( 1 )
  productIdSelector,  // ( 2 )
  (products, id) => products.some(product => product.id === id), // ( 3 )
);

Смотрите мы используем селекторы ( 1 ) и ( 2 ). Селектор ( 1 ) выполняется и возвращает какое-то значение(ну мы то знаем какое) это значение приходит первым аргументом(products) в колбек ( 3 ), значение селектора ( 2 ) приходит вторым аргументом(id). При использовании селектора, мы получаем результат выполнения колбека ( 3 ).

Как изменить данные из одной "утки" в другой?

evg_96, эта функция принимает props компонента и возвращает id продукта. Но продукт обязательно должен передаваться в компонент. Почитайте про reselect. Там все просто на самом деле.

Живая перезагрузка Hot Module Replacement для нативного JavaScript не работает?

Денис, и все-таки можно. Сыплю голову пеплом. Пересмотрел сейчас как резолвится замена модулей. Корневой модуль как и все остальные может ассептить себя. Ответ обновил. Извиняюсь если ввел в заблуждение.

Можно использовать на любом уровне вложенности модулей как accept на себя, так и на дочерние модули.

Живая перезагрузка Hot Module Replacement для нативного JavaScript не работает?

Денис, нельзя подключать модуль сам в себя - циклическая зависимость, которая никогда не разрешится.
В комментарии подразумевался внешний модуль './index'. Даже не заметил, что вы импортируете index сам в себя, так делать нельзя.

Живая перезагрузка Hot Module Replacement для нативного JavaScript не работает?

Денис, немного не понял вопрос. Если вы хотите импортировать много модулей в index.js то просто добавляете accept для каждого:

import module1 from './module1';
import module1 from './module2';
...
import module1 from './moduleN';

...

if (module.hot) {
  module.hot.accept('./module1', () => { ... });
  ...
  module.hot.accept('./module2', () => { ... });
  module.hot.accept('./moduleN', () => { ... });
}

Живая перезагрузка Hot Module Replacement для нативного JavaScript не работает?

Если бы переменная была частью модуля './index.js' и вы его переподключали в module.hot.accept, то тогда бы горячая замена работала.

Как итерировать по такому массиву?

По какому алгоритму надо вычислять число и кратным чему оно должно быть ?

Как взять данные из JSON?

Вызов JSON.parse по-хорошему надо оборачивать в try catch:

try {
  console.log(JSON.parse(xhr.responseText));
} catch(e) {
  // handle error
}

Иначе приложение может упасть с исключением, если JSON не валидный придет.

Почему не приходит коммит?

DarkByte2015, ну по-хорошему надо делать коммит и писать:
corrected typo
Ведь это история изменений.
Либо вариант работать в отдельной ветке и потом rebase в master делать, если хотите максимально чистую историю без локальных коммитов.
Для того чтобы начать использовать lint-staged достаточно поставить npm.

Почему не приходит коммит?

DarkByte2015, учитесь работать правильно. Можете поставить lint-staged и поставить git add на precommit.
Нет ничего страшного в лишних коммитах. Коммиты лучше делать атомарными. Тем более работаете один.

Почему не приходит коммит?

DarkByte2015, нет никакого лишнего коммита. У вас разошлись ветки. Видимо, неправильно с git работаете.
Надо мержить или rebase делать.
Либо коммит отменяйте локальный:
git reset HEAD~1
или
git reset --soft HEAD^

Почему не приходит коммит?

DarkByte2015, в чем проблема смержить или rebase сделать?
Попробуйте еще:
git push -f
Еще вариант снести репозиторий и склонировать remote.

Почему не приходит коммит?

DarkByte2015, тогда ваш вариант:
git reset --hard origin/master

Как сделать начальную MVC модель для сайта на JS?

Wentixon, классический MVC это не бред, как и множественные его вариации и реализации. MVC - паттерн для разделения бизнес-логики и данных и логики представления, которое так же может быть со своими данными.
То что "посредники есть в любом приложении", вовсе не означает, что все приложения реализуют MVC. Так же как и разделение логики на слои не подразумевает разделение на модель, представление и контроллер.

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

Вот простой пример самодостаточного React виджета:

class WeatherWidget extends Component {
  this.state = {
    weather: '',
    city: this.props.city, 
  };

  componentDidMount() {
    this.fetchWeatherData();
  }
  
  fetchWeatherData() {
    axios.get('/api/weather/${this.state.city}')
      .then(({ data: weather }) => this.setState({ weather }));
  }  

  handleCitySelectChange = e => {
    const { value: city } = e.target;
    
    this.setState({ city }, this.fetchWeatherData);
  };
  
  render() {
    return ( ... );
  }
}

export default bootstrap = (node, city) =>
  ReactDOM.render(<WeatherWidget city={city} />, node);

Мы видим самодостаточную единицу - компонент, в методах которого реализована вся необходимая логика. Паттерн MVC тут и рядом не лежал. Он тут будет избыточен.

Что же касается FLUX, главная отличительная особенность этого подхода это однонаправленный поток данных.

О преимуществах использования FLUX над MVW(model-view-whatever) в фронтенд разработке можно почитать тут. И тут. Еще тут.

Как правильно скрывать элементы не забывая о SEO?

Ernest Faizullin, специально для вас. Один из кейсов использования visually hidden с сайта twitter.com:

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

React + Redux, почему не передаются данные?

Сергей Алексеев, вы экспортируете сам компонент без обертки connect, естественно никаких свойств из redux в него передаваться не будет.