davidnum95

выкинуть 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 есть автоматическое восстановления соединения

Если без immutablejs, то:
1.

return {
        ...state,
        items: [
          ...state.items,
          action.payload,
        ],

2.

return {
        ...state,
        items: state.items.map((item) => {
          if (item.id === action.payload.id) {
            return {
              ...item,
              name: action.payload.name,
            };
          }
          return item;
        }),
      };

Можно

гуглить react async load components

Можно реализовать debounce для ввода.

Потому что Object.assign первым аргументом принимает целевой объект, а не то что вы подумали. Нужно так:

export default function (state = innitialState, action) {
  switch (action.type) {
    case 'SELECT__DATE':
      return Object.assign({}, state, {
         date: state.date + action.payload,
       });
      break;
  }
}