Enzu <3

React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

JSX is optional and not required to use React. Try the Babel REPL to see the raw JavaScript code produced by the JSX compilation step.

class MarkdownEditor extends React.Component {
constructor(props) {
super(props);
this.md = new Remarkable();
this.handleChange = this.handleChange.bind(this);
this.state = { value: 'Hello, **world**!' };
}

handleChange(e) {
this.setState({ value: e.target.value });
}

getRawMarkup() {
return { __html: this.md.render(this.state.value) };
}

class Timer extends React.Component {
constructor(props) {
super(props);
this.state = { seconds: 0 };
}

tick() {
this.setState(state => ({
seconds: state.seconds + 1
}));
}

componentDidMount() {
this.interval = setInterval(() => this.tick(), 1000);
}

Nice guy, easy to talk with, BIG +rep

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/svg.css">
<link rel="stylesheet" href="css/img.css">