EmojiPicture react component. pretty basic but i needed this. It has the CJSX, JSX and JS equivalent.

README.md

EmojiPicture REACT COMPONENT!!!! WAT!!!

<EmojiPicture name="poop" height=100 width=100 />

for rendering a big poop on the client's screen. yay.

emoji-picture.cjsx

# @cjsx React.DOM

React = require('react')

EmojiPicture = React.createClass
  getDefaultProps: ->
    height: 20
    width: 20

  render: ->
    <img src={ "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/#{ @props.name }.png" } height={ @props.height } width={ @props.width }/>

module.exports = EmojiPicture

emoji-picture.js

(function() {
  var EmojiPicture, React;

  React = require('react');

  EmojiPicture = React.createClass({
    getDefaultProps: function() {
      return {
        height: 20,
        width: 20
      };
    },
    render: function() {
      return React.DOM.img({
        "src": "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/" + this.props.name + ".png",
        "height": this.props.height,
        "width": this.props.width
      });
    }
  });

  module.exports = EmojiPicture;

}).call(this);

emoji-picture.jsx

/** @jsx React.DOM */

var React = require('react')

var EmojiPicture = React.createClass({
  getDefaultProps: function() {
    height: 20,
    width: 20
  },

  render: function() {
    return (<img src={ "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/" + this.props.name + ".png" } height={ this.props.height } width={ this.props.width }/>);
  }
});

module.exports = EmojiPicture