Idea for IoC React Router

IoC react router

psueodocode ftw

layout ....

todo
  render
    <div>
       <expects todolist /> //dependency inverted .. decoupled. todolist is an abstraction
    </div>


todolist
  render
    <div>
        <expects todoitem multiple>
    </div>
  

todoitem
  render
    <div>this.props.name</div>

// routes

route("/", function() {
    ensure("layout", todo);
    ensure("todolist", todolist);
    ensure("todoitem", []);
});

route("/joe", function() {
    extends("/");
    ensure("todoitem", joes_todo_list());
});

joes_todo_list() should be joes_todo_items, which provides todo_items