Андрей Антропов

Например это можно сделать таки образом, предполагается что action.payload это объект для вставки, а state это тот самый массив
(state, action) => [action.payload, ...state]

Например для этого можно использовать https://www.npmjs.com/package/react-addons-linked-...
Просто передать как значение пустую строку, и react это обработает

Например

this.setState({
    dob: {
         ...this.state.dob,
         year: '1980'
    }
})

Хотя и это можно оптимизировать например используя ramdajs.com/0.18.0/docs/#lens

Например вот каркас для такого приложения, для ссылок используется historyApi

https://github.com/erikras/react-redux-universal-h...

Для решения этого используется нечто для управления формами, которое содержит данные по форме и статусы валидации, например можно посмотреть на
https://github.com/christianalfoni/formsy-react
https://github.com/erikras/redux-form
Последний как по мне более интересен

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

Например это можно сделать с помощью www.reactnative.com/react-native-router
Как именно все организовать можно посмотреть в примерах использования.

Проверьте почему в запросе из хрома

authorization:Bearer c1e86a69-70ab-4bb2-88d8-5265b5e52f82

а в Лисице

Authorization: Bearer c1e86a69-70ab-4bb2-88d8-5265b5e52f82

Возможно бэк просто не может поднять авторизацию и поэтому все падает

Существует вот такой простой компонент для прелоада изображений https://github.com/hzdg/react-imageloader

Вероятнее всего ругается на вот этот кусок

var range_style = {
                        left : start,
                        width : end-start
                };

В случае получения null NaN

Скорее всего проблема в отсутствии параметра key при создании компонента, если его нет реакт не сможет понять куда именно был вставлен инпут и не сохранит корректно состояние остальных инпутов.

class MainPage extends React.Component {
  constructor(props) {
          super(props);
          this.handleClick = this.handleClick.bind(this);
          this.state = {
            shown: false
          }
        }
        handleClick() {
          this.setState({
            shown: true
          });
        }

    render() {
        var styles = this.state.shown ? {
          display: 'block'
        } : {
          display: 'none'
        }
        return (
            <div className="orders-page">
                <div className="inner">
                    <div className="grid hidden-palm margin-bottom-30">
                        <CreateOrderButton onClick={this.handleClick} />
                        <PopupNewOrder style={styles} />
                    </div>
                </div>
            </div>
        );
    }
};