Реакт против РеактДОМ?

Из React v0.14 Объявление о выпуске бета-версии.

Как мы смотрим на пакеты, такие как react-native, react-art, react-canvas и react-three, становится ясно, что красота и сущность Реагента не имеют ничего общего с браузерами или DOM.

Чтобы сделать это более понятным и упростить создание дополнительных окружений, которые может оказать React, мы разделяем основной пакет реагирования на два: реагировать и реагировать.

По сути, идея React не имеет ничего общего с браузерами, они просто становятся одной из многих целей для рендеринга деревьев компонентов. Пакет ReactDOM позволил разработчикам удалить добавочный код из пакета React и переместить его в более подходящий репозиторий.

Пакет react содержит React.createElement, React.createClass и React.Component, React.PropTypes, React.Children и другие помощники, связанные с элементами и классами компонентов. Мы рассматриваем их как изоморфные или универсальные помощники, которые вам нужны для создания компонентов.

Пакет react-dom содержит ReactDOM.render, ReactDOM.unmountComponentAtNode и ReactDOM.findDOMNode, а в react-dom/server мы поддерживаем поддержку на стороне сервера с помощью ReactDOMServer.renderToString и ReactDOMServer.renderToStaticMarkup.

Эти два абзаца объясняют, где закончились основные методы API из v0.13.

Модуль ReactDOM предоставляет методы, специфичные для DOM, в то время как у React есть основные инструменты, предназначенные для совместного использования React на разных платформах (например, React Native).

http://facebook.github.io/react/docs/tutorial.html

Чтобы быть более кратким, реагируйте на компоненты, а реакция - на рендеринг компонентов в DOM. "response-dom" действует как клей между компонентами и DOM. Вы будете использовать метод render() реагирования для рендеринга компонентов в DOM и все, что вам нужно знать, когда вы начинаете с него.

Похоже, что они отделили React в пакеты react и react-dom, поэтому вам не нужно использовать связанную с DOM часть для проектов, в которых вы хотели бы использовать ее в не-DOM-специфических случаи, как здесь https://github.com/Flipboard/react-canvas где они импортируют

var React = require('react');
var ReactCanvas = require('react-canvas');

как вы можете видеть. Без react-dom.

До v0.14 они были частью основного файла ReactJs, но, как в некоторых случаях, нам может не понадобиться обоим, они отделяют их, и они начинаются с версии 0.14, таким образом, если нам нужен только один из них наше приложение будет меньше из-за использования только одного из них:

var React = require('react'); /* importing react */
var ReactDOM = require('react-dom'); /* importing react-dom */

var MyComponent = React.createClass({
  render: function() {
    return <div>Hello World</div>;
  }
});

ReactDOM.render(<MyComponent />, node);

React содержит: React.createElement, React.createClass, React.Component, React.PropTypes, React.Children

React-dom содержит: ReactDOM.render, ReactDOM.unmountComponentAtNode, ReactDOM.findDOMNode и реакцию/сервер, которые включают в себя: ReactDOMServer.renderToString и ReactDOMServer.renderToStaticMarkup.