ReactView.js

var ItemView = require('marionette').ItemView;

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';

import store from 'app/store';

class MarionetteContainer extends React.Component {
	render () {
		return (
			<Provider store={store}>
				{this.props.children}
			</Provider>
		);
	}
}

module.exports = ItemView.extend({

	template: function () { return ''; },

	onClose: function () {
		ReactDOM.unmountComponentAtNode(this.$el[0]);
	},

	onShow: function () {
		if (typeof this.renderComponent !== 'function') {
			throw new TypeError('To use React in Marionette you must add a renderComponent method to your view.');
		}

		ReactDOM.render((
			<MarionetteContainer>
				{this.renderComponent()}
			</MarionetteContainer>
		), this.$el[0]);
	}
});