GoldenLayout with React / Redux

layoutConfig.js

export const layout = {
  content: [{
        type: 'row',
        content:[{
            //this indicates GL that it should ReactDOM.render this component
            type:'react-component',
            //component registerd name (more later)
            component: 'test-component',
            //additional props you want for your component
            props: { label: 'A' }
        },{
            type: 'column',
            content:[{
                type:'react-component',
                component: 'test-component',
                props: { label: 'B' }
            },{
                type:'react-component',
                component: 'test-component',
                props: { label: 'C' }
            }]
        }]
    }]
}

registeringComponents.js

var TestComponent = React.createClass({
    render: function() {
        return (<h1>{this.props.label}</h1>)
    }
});

myLayout.registerComponent( 'testComponent', TestComponent );

//Once all components are registered, call
myLayout.init();