react-webpack-node/app/components/Scoreboard.jsx

A simple Node.js app using Express 4 with Webpack, React, alt, ImmutableJS

import React, { PropTypes } from 'react';
import classNames from 'classnames/bind';
import styles from 'css/components/scoreboard';

const cx = classNames.bind(styles);

const Scoreboard = ({topics}) => {
  const topicListItems = topics.map((topic, key) => {
    return (
    <li className={cx('item')} key={key}>
      <span className={cx('topic')}>{topic.text}</span>
      <span className={cx('count')}>{topic.count}</span>
    </li>);
  });
  return (
    <div className={cx('scoreboard')}>
      <h3 className={cx('header')}>Vote count</h3>
      <ul className={cx('list')}>
        {topicListItems}
      </ul>
    </div>
  );
};

Scoreboard.propTypes = {
  topics: PropTypes.array.isRequired
};

export default Scoreboard;