decko

with-decko.js

import { Component } from 'preact';
import { bind } from 'decko';

class MarkdownEditor extends Component {
  constructor() {
    super()
    this.state = { text: '' };
  }
  @bind
  onEdit(text) {
    this.setState({ text });
  }
  render(props, { text }) {
    return (
      <main>
        <section>
          <label>Markdown</label>
          <hr />
          <Editor onEdit={this.onEdit} />
        </section>
        <section>
          <label>Preview</label>
          <hr />
          <Markdown text={text} />
        </section>
      </main>
    );
  }
}

without-decko.js

import { Component } from 'preact';
import { bind } from 'decko';

class MarkdownEditor extends Component {
  state = { text: '' };

  onEdit = (text) => {
    this.setState({ text });
  };

  render(props, { text }) {
    return (
      <main>
        <section>
          <label>Markdown</label>
          <hr />
          <Editor onEdit={this.onEdit} />
        </section>
        <section>
          <label>Preview</label>
          <hr />
          <Markdown text={text} />
        </section>
      </main>
    );
  }
}