Backbone.ReactView

A simple Backbone View for rendering React components.

import ReactView from 'backbone.react-view';
import MyReactComponent from './my-react-component';
 
const reactView = new ReactView({
  component: MyReactComponent
});
 
reactView.render();
reactView.remove();

Marionette example:

import ReactView from 'backbone.react-view';
import {LayoutView} from 'backbone.marionette';
import MyReactComponent from './my-react-component'
 
export default LayoutView.extend({
  template() {
    return '<div class="my-region"></div>';
  },
 
  regions: { myRegion: '.my-region' },
 
  onRender() {
    this.myRegion.show(new ReactView({
      component: MyReactComponent
    }));
  }
});

To wrap with a Redux <Provider>:

import ReactView from 'backbone.react-view';
import {Provider} from 'react-redux';
import store from './my-store';
 
export default ReactView.extend({
  wrapChildren(children) {
    return (
      <Provider store={store}>
        {children}
      </Provider>
    );
  }
});

Then just use that copy of ReactView.