Use Reacts component API

[vinnymac]

I am wondering if an API such as this would be of interest. It would be possible to add a component alongside the mixin. It gives people options. What do you think?

let App = React.createClass({
  getDefaultProps() {
    return {
      text: "foo bar :100: :)",
    };
  },

  render() {
    return (
      <div>
        <span>
          <ReactEmoji text = {this.props.text} />
        </span>
      </div>
    );
  }
});

The props would be everything listed here.

[banyan]

@vinnymac

Sounds good :smile:

[vinnymac]

@banyan I started work on it, and it is going well, doing some tests now.

The revised idea is something like this. Thoughts?

// you can still access the mixin and emojify method.
import ReactEmoji, {ReactEmojiMixin, emojify} from 'react-emoji';

let App = React.createClass({
  getDefaultProps() {
    return {
      text: "foo bar :100: :)",
    };
  },

  render() {
    return (
      <div>
        <span>
          <ReactEmoji emojiType = 'emojione'>
            {this.props.text}
          </ReactEmoji>
        </span>
      </div>
    );
  }
});