functional.js

let propTypes = {
  'hello': { type: 'string' }
}

let ref = function (name) {
  return e => e.target.ref === name
}

let eventType = function (name) {
  return e => e.type === name
}

let observe = function (events) {
  return events
    .filter(ref("link"))
    .filter(eventType("click"))
    .map(function(e){
      return { clicked: true }
    })
}

let template = function (props, state) {
  return ( 
    <div>
      <a href="#" ref="link">Click Me</a>
    </div>
  )
}

let render = compose(
  validate(propTypes), 
  template
)

export { render, observe }