OyXLJm

index.html

<div id="reactApp"></div>

OyXLJm.markdown

OyXLJm

A Pen by Captain Anonymous on CodePen.

License.

script.js

var Rating = React.createClass({
  render: function() {
    return (
      <div className="rating">
         <i className="fa fa-star"></i>
         <i className="fa fa-star"></i>
         <i className="fa fa-star"></i>
         <i className="fa fa-star-o"></i>
         <i className="fa fa-star-o"></i>
      </div>
    )
  }
})


var ReactApp = React.createClass({
  render: function() {
    return (
      <div>
        <Rating />
      </div>
    )
  }
})

React.render(
  <ReactApp />,
  document.getElementById('reactApp')
);

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.min.js"></script>

style.css

.rating {
  i {
    font-size: 30px;
    color: #f2a818;
  }
}

styles

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />