backbone-put-data-in-redux.js

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

import Content from 'react/components/content';
import Header from 'views/header';

const Page = Backbone.View.extend({
  render() {
    const attributes = this.model.attributes;
    
    this.headerView = new Header(this.$('.header'), attributes);
    this.headerView.render();
    
    // set data to the store through dispathing of the action
    getStore().getState().dispatch({
        action: 'SET_TASKS',
        data: this.model.attributes.tasks
    });
    
    // use Provider to make react-redux work inside of the component
    ReactDOM.render(<Provider store={getStore()}>
        <Content />
    </Provider>, 
    $('.content')[0]);
    
    return this;
  }
});