Medium - React “sub-components” - Article example 1

MyArticleView.js

class MyArticleView extends React.Component {
  ...
  render() {
    return (
      <div className={css.mainContainer}>
        <div className={css.wrapper}>
          <div className={css.titleContainer}>
            <div className={css.title}>
              <span>{this.renderTitle()}</span>
            </div>
            <div className={css.subtitle}>
              <div className={css.subtitleBox}> {this.renderSubtitle()}</div>
            </div>
          </div>
          <ul className={css.articlemetadata}>
            <li className={css.item}>{this.renderAuthor()}</li>
            <li className={css.item}>{this.renderDate()}</li>
          </ul>
        </div>
        <div className={css.contentArticle}>
          <div className={css.contentTextStyle}>{this.renderMainContent()}</div>
          <span className={css.inlineComments}>{this.renderComments()}</span>
        </div>
      </div>
    );
  }
}