'use babel'

import React, {PropTypes, Component} from 'react'
import {TextEditor} from 'atom'

export default class MasterInput extends Component {
  constructor(props) {
    super(props)
    this.editor = React.createElement('atom-text-editor')
  }

  render() {
    return (
      <div className="master-input">
        {this.editor}
      </div>
    )
  }
}

@@ -64,16 +64,17 @@
 import %7B
+ 
 TextEdit
@@ -75,16 +75,17 @@
 xtEditor
+ 
 %7D from '
@@ -206,46 +206,158 @@
 r = 
-React.createElement('atom-text-editor'
+TextEditor()%0A  %7D%0A%0A  componentShouldUpdate() %7B%0A    return false;%0A  %7D%0A%0A  componentDidMount() %7B%0A    this.refs.editor.appendChild(this.editor.getElement()
 )%0A  
@@ -424,30 +424,56 @@
 put%22
-%3E%0A        %7Bthis.editor
+ ref=%22editor%22%3E%0A        %7B/* EditorElement here */
 %7D%0A  

use editor properly