title: What is the React way to the 'Single Item'?
body: <p>Let's say we have a list of items that we are iterating through</p>
  
  <pre><code>var React = require('react');
  var ListItem = require('./ListItem.jsx');
  
  var itemsList = [...]
  
  var List = React.createClass({
      render: function() {
  
          var listOfItem = itemsList.map(function(item) {
              return &lt;ListItem key={item.id} text={item.text} /&gt;;
          });
  
          return (
              &lt;ul&gt;{listOfItems}&lt;/ul&gt;
          );
      }
  });
  
  module.exports = List;
  </code></pre>
  
  <p>And then we have the single item:</p>
  
  <pre><code>var React = require('react');
  
  var ListItem = React.createClass({
      render: function() {
          return (
              &lt;li&gt;
                  &lt;a href={Open THIS Specific Item}&gt;{this.props.text}&lt;/a&gt;
              &lt;/li&gt;
          );
      }
  });
  
  module.exports = ListItem;
  </code></pre>
  
  <p>Let's pretend this single item is a link, that will take me to a detailed page of that specific item.</p>
  
  <p>How would we do this?</p>