Mapper decorator

[Guria]

Just dumping some ideas

@Mapper(['activeModule'], 'rootComponent', {
    'inbox': Inbox,
    'calendar': Calendar,
    'todo': Todos
})
class App extends Component {
  var Component = this.props.rootComponent;
  render () {
    return (
      <div>
        <Navbar />
        <Component />
      </div>
    );
  }
}

[christianalfoni]

Just to bringing in a different perspective :-)

const components = {
  'inbox': Inbox,
  'calendar': Calendar,
  'todo': Todos
};

@Cerebral({
  activeModule: ['activeModule']
})
class App extends Component {
  render () {
    const Component = components[this.props.activeModule];

    return (
      <div>
        <Navbar />
        <Component />
      </div>
    );
  }
}

[Guria]

Thats a lot more better. Great snippet for the docs, in fact.

[tnrich]

Would the active module be defined by the url? Can you store multiple modules in the central state?

[NervosaX]

You could use something like lodash' get command for some sort of nested version:

const components = {
  'contact': {
    'list': ListComponent,
    'detail': DetailComponent
  }
};

And retrieve like so:

const Component = _.get(components, ["contact", "list"]);

[christianalfoni]

I will close this as we are exploring a cerebral-modules concept. Look out for it in near future :-)