A Pen by Nick Hudkins.

index.html

<div id="contentguy"></div>

script.coffee

comments = [{author:'One', comment: 'Hi!'},{author:'two', comment:'fuck yeah!'}]

CommentItem = React.createClass
  getInitialState: ->
    clicked: false

  onClickHandler: (e)->
    this.setState
      clicked: !this.state.clicked

  render: ->
    React.DOM.li
       className: if this.state.clicked then 'listypoo__item listypoo__item--clicked' else 'listypoo__item'
       children: this.props.author + " - " + this.props.comment
       onClick: this.onClickHandler

CommentBox = React.createClass
  render: ()->
    React.DOM.div
      className: 'container',
      children:
        React.DOM.ul
          className: 'listypoo__list',
          children: this.props.data.map (item)->
            return CommentItem item

React.renderComponent CommentBox({data:comments}),
  document.getElementById('contentguy')

style.stylus

.listypoo__item--clicked{
  background-color:red;
}

.listypoo__item{
  &:hover{
    cursor: pointer
  }
}

zfgGK.markdown

zfgGK

A Pen by Nick Hudkins on CodePen.

License.