Presentational Components

presentationalComponents.js

import React from 'react';
import style from '../typography/typography.scss';

class Paragraph extends React.Component {
  render() {
    return (
      <p className={style.para}>{this.props.children}</p>
    );
  }
}

Paragraph.propTypes = {
  children: React.PropTypes.string.isRequired,
};

export default Paragraph;



// CAN BE REWRITTEN AS A STATELESS FUNCTIONAL COMPONENT (no life cycles or local state):

import React from 'react';
import style from '../typography/typography.scss';

const Paragraph = ({children}) => {
  return (
    <p className={style.para}>{children}</p>
  );
}

export default Paragraph;