123 123

const states = ['', 'Moscowskaya'];
const cities = {
  'Moscowskaya': ['Moscow']
};

const Selects = React.createClass({
  getInitialState() {
    return { state: '' };
  },
  _onStateChange(event) {
    this.setState({ state: event.target.value });
  },
  render() {
    return (
      <div>
        <select onChange={this._onStateChange}>{states.map((state) => <option key={state} value={state}>{state}</option>)}</select>
      {this.state.state ? <select>{cities[this.state.state].map((city) => <option key={city} value={city}>{city}</option>)}</select> : null}
      </div>
    );
  }
});

jsbin.com/towebuxeji/edit?js,output

Атрибут for на элементе label в JSX должен быть записан как htmlFor. Вот здесь есть список всех тегов и атрибутов в JSX: https://facebook.github.io/react/docs/tags-and-att...

Это никак не относится к Redux, только к Webpack. У сборщика есть возможность разбивать бандл на несколько частей и динамически подгружать их. Посмотрите скринкаст Ильи Кантора, части 3 и 4: https://learn.javascript.ru/webpack-screencast. Он там очень хорошо объясняет как все это использовать.

Посмотрите этот пример: www.cssscript.com/demo/pure-css-circular-percentage-bar

RN не использует DOM, вместо него используются нативные элементы и реализация flexbox через JS. Все же есть возможность поиграться, но не более того: https://rnplay.org/.

Браузерный JSX преобразователь и Traceur.

Только все это обычно делается с тем же webpack, и для сборки и для разработки.

В идеале у вас должен быть компонент типа <InputValidator /> который оборачивает поле ввода и имеет в себе логику валидации. В этот компонент можно передать правила валидации (pattern, length, и т.д.), а на onChange уже делать dispatch и обновлять глобальное состояние.
Статус валидности можно передавать прямо в onChange, вторым параметром, после события, или добавлять в объект события.

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

Object.keys(obj).map(key => obj[key].author); // returns array of author names

es5-shim, смотрите доки https://facebook.github.io/react/docs/working-with...

AJAX в jQuery — всего лишь обертка над XHR, я бы сказал более простая в использовании обертка. Поэтому все зависит от того, пишите ли вы проект с jQuery или без.

В React, точнее в Flux не имеет значения, как вы делаете запрос. Работа с сетевым I/O выносится в отдельный модуль, который принимает события из компонентов React, получает данный от вашего API и обновляет хранилища.

Не рендерить компонент, тогда React уберет его из DOM.

render() {
  let component = true ? <Comp1 /> : <Comp2 />;
  return (
    <div>{component}</div>
  );
}

`merge` соединяет два объекта, подобно `Object.assign`. Flux Store — это функционал EventEmitter соединенный с вашим функционалом Store. Пример.