123 123

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

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

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. Пример.

Одна из популярнейших реализаций — RefluxJS. Главная цель проекта — простой Flux для быстрого старта.

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