Aves

deobfuscatejavascript.com + jsbeautifier.org = pastebin.com/8NR3kLcZ

Лучше всего указать нужный type кнопкам, вместо типа по умолчанию submit - htmlbook.ru/html/button/type
пример

MyComponent это функция-конструктор, setState в прототипе. Нужно создать инстанс компонента.

var instance = ReactDOM.render(<MyComponent />. document.body);
instance.setState({myState: 1});

(new MyComponent()).setState() тоже по идее будет работать.

Я бы делал через middleware, примерно так:

middleware.js

import io from 'socket.io-client';

export default ({dispatch, getState}) => {
  const socket = io();
  socket.on('dispatch', action => { dispatch(action) });

  return next => action => {
    const {type, payload, meta} = action;
    if (meta && meta.socket) {
      socket.emit(type, payload);
    } else {
      next(action);
    }
  };
};

actions.js

export const handleSubmit = data => ({
  type: 'SUBMIT_TO_SERVER',
  payload: data,
  meta: {socket: true}
});

export const handleChange = event => ({
  type: 'CHANGE_VALUE',
  payload: event.target.value
});

reducer.js

export default (state = '', {type, payload}) => {
  if (type == 'CHANGE_VALUE') return payload;
  else return state;
};

form.jsx

import {connect} from 'react-redux';
import {handleChange, handleSubmit} from 'actions';

const Form = ({state, handleChange, handleSubmit}) => <form onChange={handleChange} onSubmit={handleSubmit}>
  <input type='text' value={state} />
  <button>Submit</button>
</form>;

export default connect(state => state, {handleChange, handleSubmit})(Form);

server.js

socket.on('SUBMIT_TO_SERVER', data => {
  socket.emit('dispatch', {
    type: 'CHANGE_VALUE',
    payload: data ? data.toUpperCase() : ''
  });
});

(async function run() {
    var results = [];
    for (const url of urls) {
      results.push(await getData(url));
    }
    console.log(results);
})();

package.json

{
  "dependencies": {
    "babel-core": "latest",
    "babel-preset-es2015-node6": "latest",
    "babel-preset-stage-3": "latest",
    "babel-register": "latest"
  },
  "babel": {
    "presets": [
      "es2015-node6",
      "stage-3"
    ]
  },
  "scripts": {
    "start": "node -r babel-register server.js"
  }
}

https://facebook.github.io/react/docs/forms.html#c...

class Test extends React.Component {
  state = {
    text: '',
    select: 0
  };
  handleChange = ({target: {id, value}}) => {
    const data = {[id]: value};
    if (id == 'text') data.select = value.length % 3;
    this.setState(data);
  };
  render() {
    return <div>
      <input type='text' id='text' value={this.state.text} onChange={this.handleChange} />
      <select id='select' value={this.state.select} onChange={this.handleChange}>
        <option value='0'>option1</option>
        <option value='1'>option2</option>
        <option value='2'>option3</option>
      </select>
    </div>;
  }
}

componentWillMount выполняется только один раз.
Для реагирования на изменение свойств надо такой же код добавить в componentWillReceiveProps.

Нативная сортировка самый оптимальный вариант. Проблема не в ней, и не в 2000 дивов, а в том, что функция сравнения выполняется порядка 20 000 раз, и в ней работа с dom

convertToNumber($(a).find('#price').html()) < convertToNumber($(b).find('#price').html()))

Этот convertToNumber нужно сделать один раз при создании массива, это сразу на порядок сократит время сортировки.
пример на jsbin

Нужно настроить nginx примерно так:

location / {
    root /var/www;
    index index.html;

    try_files $uri $uri/ /index.html;
}

И в index.html указать <base href="/"> для того, чтобы относительные пути работали.

Можно создать EventEmitter в отдельном модуле и импортировать его там, где он нужен.

//emitter.js
const {EventEmitter} = require('events');
module.exports = new EventEmitter();

//module.js
const e = require('./emitter.js');
e.on('test', n => console.log(n));

//main.js
const e = require('./emitter.js');
require('./module.js');
setInterval(() => { e.emit('test', Math.round(Math.random() * 10)) }, 1000);

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

const resetable = Component => class extends React.Component {
  state = {key: 0};
  render() { 
    return <Component
      {...this.props}
      reset={() => this.setState({key: this.state.key + 1})}
      key={this.state.key}
    />;
  }
}

пример
Или без state с forceUpdate

const resetable = Component => class extends React.Component {
  render() {
    return <Component
      {...this.props}
      reset={() => this.forceUpdate()}
      key={Math.random()}
    />;
  }
}

Ну или просто в родительском компоненте сделать то же самое.