react-run 0.3.1

Run React code snippets/components from your command-line without config
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      content: "Reject common sense to make the impossible possible!",
      author: "Kamina",
    };
    this.updateQuote = this.updateQuote.bind(this);
  }

  updateQuote() {
    fetch("https://api.quotable.io/random")
      .then((response) => response.json())
      .then((data) => this.setState(data));
  }

  render() {
    const { content, author } = this.state;
    return (
      <>
        <figure>
          <blockquote>&quot;{content}&quot;</blockquote>
          <figcaption>
            &mdash; <cite>{author}</cite>
          </figcaption>
        </figure>
        <button type="button" variant="primary" onClick={this.updateQuote}>
          Random Quote
        </button>
      </>
    );
  }
}