The LiveMarkedArea gives you a live markdown preview along with your textarea.

As you type in the text area it flavores the text immediately.

<section className={classNames.root}>

  <header className={classNames.header}>
    <label htmlFor={id}>{label}</label>
  </header>

<MarkedInput
  classNames={classNames}
  onChange={this.handleTextChange}
  value={value} />

<MarkedPreview
  classNames={classNames}
  value={value} />

</section>