Modern Preact Component without class

component.js

var preact = require('preact')
module.exports = function Component (name, obj) {
  name = name || 'F'
  obj = obj || {}
  var fn = function () { preact.Component.call(this) }
  Object.defineProperty(fn, 'name', { value: name })
  fn.prototype = Object.create(preact.Component.prototype)
  fn.prototype = Object.assign(fn.prototype, obj)
  if (obj.getDefaultProps &&
     (typeof obj.getDefaultProps === 'function')) {
    fn.defaultProps = obj.getDefaultProps()
  }
  fn.prototype.constructor = fn
  return fn
}

usage

return Component(
  'MyComponent', 
  {
    state: {
      title: '',
      stuff: []
    },
    render (props, state) {
      return h('h1', props, this.state.title)
    }
  }
)