embedly.jsx

var EmbedlyComponent = React.createClass({
  componentWillMount: function() {
    // get 'http://api.embed.ly/1/oembed?url=' + this.props.url;
    SuperAgent.get('http://api.embed.ly/1/oembed?url=' + this.props.url,
      function(res) {
        var data = res.body;
        if (data) this.setState(data);
      }.bind(this)
    );
  },

  render: function(){

    return !this.state ?
      <a href={this.props.url} target="_blank">{this.props.url}</a> :
      <div>
        <a href={this.props.url} target="_blank">{this.props.url}</a>
          <br/>
        {this.state.html && <div dangerouslySetInnerHTML={{__html: this.state.html}}/>}
        {(this.state.type == 'photo' || this.state.thumbnail_url) && !this.state.html && <img src={this.state.thumbnail_url || this.state.url}/>}
        {this.state.description}
      </div>;
  }
});

Is there any way you can do a gist with embedly cards?