Reactから外部のライブラリを直接使う ref: http://qiita.com/suisho/items/c55db2700111acb298f6

app.jsx

var data = [
  ["foo", "baz", "bar"],
  [1, 10, 20]
]

var body = document.querySelector('.container')
React.render(<Chart data={data} />, body);

Chart.jsx

class Chart extends React.Component{
  constructor(){
    super()
    this.chartClassName = "chart"
    this.renderer = new ChartistRenderer()
  }
  componentDidMount(){
    this.renderChart()
  }
  componentDidUpdate(){
    this.renderChart()
  }
  renderChart(){
    var targetSelector = "." + this.chartClassName    
    this.renderer.render(targetSelector, this.props)    
  }
  render(){
    return <div className={this.chartClassName}  ></div>
  }
}

ChartistRenderer.js

class ChartistRenderer{
  render(targetSelector, props){
    let {data} = props
    // 必要があればここでデータ加工したり。
    var chart = new Chartist.Bar(targetSelector, {
      labels: data[0],
      series: [ data[1] ]
    })
  }
}