The avatar for @ontouchstart
Sam Liu
Published
Edited
Feb 6, 2018
Importers
Insert cell
Insert cell
Hello1 = ({ to }) => React.createElement('h1', null, `Hello ${to} (1)`)
Insert cell
hello_world1 = Hello1({ to: 'World' })
Insert cell
class Hello2 extends React.Component {
constructor(props) {
super(props);
}
render() {
return React.createElement('h1',null,`Hello ${this.props.to} (2)`);
}
}
Insert cell
hello_world2 = React.createElement(Hello2, {to: 'World'}, null)
Insert cell
Insert cell
React = require('https://unpkg.com/react@16.2.0/umd/react.development.js')
Insert cell
Insert cell
ReactDOM = require('ontouchstart-react-dom')
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more