ampersand-react-connector

A way to connect Ampersand.js to React using a Higher Order Component pattern instead of mixins.

It's still uses and depends on the methods defined in ampersand-react-mixin but provides a mixin-free way of adding the same functionality. Read the linked blog post about Higher Order Components if you want to learn more.

How to use it

import ampConnector from 'ampersand-react-connector'
import React from 'react'

const MyComponent = React.createClass({
  const { myAmpersandModel } = this.props

  render () {
    return (
      <div>Hello, {myAmpersandModel.name}</div>
    )
  }
})

// By exporting through the connector
// any time `myAmpersandModel` changes, the
// component will be re-rendered.
export default ampConnector(MyComponent)

License

MIT