Software engineer and visualization enthusiast. Lives in Cambridge, Massachusetts, with no dogs.
Published
Edited
Jan 12, 2021
Importers
2 stars
{
let parent = html`<div>`;
render(m('div', 'Hello, ', 'world!'), parent);
return parent;
}
render = ReactDOM.render
m = function(type, attrs, ...children) {
return isAttributeObject(attrs)
? React.createElement(...arguments)
: // is `children` or `...children` more efficient?
React.createElement(type, null, attrs, ...children);
}
cls = require('classnames@2.2')
function Example() {
// Declare a new state variable, which we'll call "count"
const [count, setCount] = useState(0);
return m(
'div',
m('p', `You clicked ${count} times`),
m('button', { onClick: () => setCount(count + 1) }, 'Click me')
);
}
{
let parent = html`<div>`;
render(m(Example), parent);
return parent;
}
el = m('div')
React = r('react')
ReactDOM = r('react-dom')
// This 'r' method is like 'require', but it will
// know how to require the correct file from React’s publish module.
r = require.alias({
react: "react@16/umd/react.production.min.js",
"react-dom": "react-dom@16/umd/react-dom.production.min.js"
})
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.
