react Architecture Docs
Home / Class/ Editor Class — react Architecture

Editor Class — react Architecture

Architecture documentation for the Editor class in Editor.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9["Editor"]
  893bf185_5c7b_72e5_1ff7_056d167b9a23["Editor.js"]
  2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9 -->|defined in| 893bf185_5c7b_72e5_1ff7_056d167b9a23
  7db2a934_0e2a_c561_6f9f_afc1a4a4a8a8["constructor()"]
  2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9 -->|method| 7db2a934_0e2a_c561_6f9f_afc1a4a4a8a8
  9d9f9693_6dff_dbe3_a8ab_701fe98fd40c["render()"]
  2d3a4ccf_7ec0_78cb_10b7_9c3306bb0ba9 -->|method| 9d9f9693_6dff_dbe3_a8ab_701fe98fd40c

Relationship Graph

Source Code

fixtures/fiber-debugger/src/Editor.js lines 3–37

class Editor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      code: props.code,
    };
  }

  render() {
    return (
      <div
        style={{
          height: '100%',
          width: '100%',
        }}>
        <textarea
          value={this.state.code}
          onChange={e => this.setState({code: e.target.value})}
          style={{
            height: '80%',
            width: '100%',
            fontSize: '15px',
          }}
        />
        <div style={{height: '20%', textAlign: 'center'}}>
          <button
            onClick={() => this.props.onClose(this.state.code)}
            style={{fontSize: 'large'}}>
            Run
          </button>
        </div>
      </div>
    );
  }
}

Domain

Defined In

Source

Frequently Asked Questions

What is the Editor class?
Editor is a class in the react codebase, defined in fixtures/fiber-debugger/src/Editor.js.
Where is Editor defined?
Editor is defined in fixtures/fiber-debugger/src/Editor.js at line 3.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free