Stateless Component

after.jsx

const Repo = ({repo, owner}) => {
  return <div className="Repo">
    <h3>
      <Link to={`/${owner.login}/${repo.name}`}>
        {repo.name}
      </Link>
      {' by '}
      <Link to={`/${owner.login}`}>
        {owner.login}
      </Link>
    </h3>
    {repo.description &&
      <p>{repo.description}</p>
    }
  </div>
};

before.jsx

export default class Repo extends Component {
  render() {
    const { repo, owner } = this.props
    const { login } = owner
    const { name, description } = repo

    return (
      <div className="Repo">
        <h3>
          <Link to={`/${login}/${name}`}>
            {name}
          </Link>
          {' by '}
          <Link to={`/${login}`}>
            {login}
          </Link>
        </h3>
        {description &&
          <p>{description}</p>
        }
      </div>
    )
  }
}