davidnum95

File и записывай.
Action отправки файла (для thunk):

function uploadFile(file) {
  return () => {
    const data = new FormData();
    data.append('file', file);
    return api.post('url', data);
  };
}

Можно в хроме с машины на windows подцепиться к safari на ios.
Инструкция

Нужно делать через compose:

const mapStore = createStore(
  rootReducer,
  compose(
    applyMiddleware(thunk),
    window.__REDUX_DEVTOOLS_EXTENSION__  ?  window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,
  )
);

Функция eachTask не привязана к this компонента. Нужно по аналогии с updateText привязать функцию в конструкторе:
this.updateText = this.eachTask.bind(this);

Тут два варианта:
1. Подписаться на поле которое отвечает за текущий тип сайдбара в main компоненте, например

class MainComponent extends React.Component {
  static propTypes = {
    activeType: PropTypes.string,
  }

  static mapStateToProps(state) {
    return {
      activeType: state.sideBar.activeType,
    };
  }
// ....
export default connect(
  MainComponent.mapStateToProps,
  {})(MainComponent);

2. Подписаться на изменение селекта сайдбара в редьюсере main компонента:

import { CHANGE_TYPE as SIDEBAR_CHANGE_TYPE } from '../SideBar/constants';

const initState = {
  activeType: undefined,
};

export default (state = initState, action) => {
  switch (action.type) {
    case SIDEBAR_CHANGE_TYPE:
      return {
        ...state,
        activeType: action.payload,
      };
    // ....
    default:
      return state;
  }
};

Как вариант:

componentDidMount() {
    document.addEventListener('click', this.onClickOutside);
  }

  componentWillUnmount() {
    document.removeEventListener('click', this.onClickOutside);
  }

  onClickOutside = () => {
    this.setState({ visible: false });
  }

Нужно внутри switchMap создать новый Observable который будет перехватывать ошибку:

Observable.interval(3000)
            .do(value => console.log('attempt #', value))
            .switchMap(() => Observable.defer(() => this.http.get(url))
                  .map(data => data)
                  .catch(err => console.log(err))
            )
            .catch (err => Observable.empty())
            .subscribe(data => console.log(data));

выкинуть createClass и использовать ES6 классы вот

DatePicker состоит из двух компонентов: TextField и DatePickerDialog. Доступа к DatePickerDialog в контексте DatePicker у вас нет, к тому же состояние диалога хранится в стейте самого компонента, соответственно нужно использовать непосредственно сам DatePickerDialog. У него есть функции для изменения своего стейта: dismiss() и show().

import React from 'react';
import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog';

export default class SomeComponent extends React.Component {

  constructor(props, context) {
    super(props, context);
    this.closeDatePicker = this.closeDatePicker.bind(this);
    this.openDatePicker = this.openDatePicker.bind(this);
  }

  closeDatePicker() {
    this.datePicker.dismiss();
  }

  openDatePicker() {
    this.datePicker.show();
  }

  render() {
    return (
      <div>
        <button onClick={this.openDatePicker}>Open</button>
        <button onClick={this.closeDatePicker}>Close</button>
        <DatePickerDialog ref={ref => this.datePicker = ref} />
      </div>
    );
  }
}

в socket.io есть автоматическое восстановления соединения