backbone.react-view

    3.0.0 • Public • Published

    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.

    Install

    npm i backbone.react-view

    DownloadsWeekly Downloads

    57

    Version

    3.0.0

    License

    ISC

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar