Sometimes it's wild how different my JavaScript looks from a few years ago

example.js

'use strict'

import React from 'react'
import { StyleSheet, css } from 'aphrodite'

class ToDoList extends React.Component {

  constructor (props) {
    super(props)
    this.displayName = 'ToDoList'
    this.state = {
      items: ['Learn React.js!']
    }
  }

  render () {
    const toDoItems = this.state.items.map((item) => {
      return <li className={css(styles.toDoItem)}>{item}</li>
    })
    return (
      <ul className={css(styles.toDoList)}>
        {toDoItems}
      </ul>
    )
  }
}

const styles = StyleSheet.create({
  toDoList: {
    borderTop: '1px solid #e6e6e6',
    margin: '0',
    padding: '0'
  },
  toDoItem: {
    borderBottom: '1px solid #ededed',
    color: '#4d4d4d',
    fontWeight: '300',
    listStyle: 'none',
    lineHeight: '3em',
    textIndent: '60px'
  }
})

export default ToDoList