Stateless Components

• Super simple

• Given some state (as props)... return some DOM (or additional components)

• Pure

import React from 'react';

function HelloMessage({ name }) {
  return(
    <div>Hello {name}</div>
  );
};

HelloMessage.propTypes = { name: React.PropTypes.string };
HelloMessage.defaultProps = { name: 'World' };

ReactDOM.render(<HelloMessage name="Alice" />, mountNode);

Useful 95% of the time