Riff on Omniscient-style component

Matches.jsx

//http://omniscientjs.github.io/playground/02-search/

// content component (pure)
var Match = React.createClass({
  render: () => {(
    <li> 
      <a href="{this.props.url}">{this.props.title}</a>
    </li>
  )}
})

// pure content component, but still has to deref the cursor
var MatchList = React.createClass({
  render: () => {(
     <ul>
       {this.props.matches.toArray().map((lib, i) => {
         <Match key='match-'+i title=lib.get('title') url=lib.get('url')/>
       }
     </ul>
  )}
})

// Map atom (store) values to container component props
propMap = {
  q: 'search',
  libs: 'libs'
};

// container component
var Matches = component('Matches', propMap, function (props) {
  var matches = props.libs.filter(lib => {
    lib.get('title').indexOf(props.q) !== -1 || lib.get('url').indexOf(props.q) !== -1;
  });
  
  return <MatchList matches=matches/>
 
});