The avatar for @hastebrot
Benjamin
Published
Edited
Feb 19, 2022
1 fork
Importers
3 stars
Insert cell
Insert cell
mount(() => html`<${HelloMessage} name="Solid" />`)
Insert cell
HelloMessage = props => html`<div>Hello, ${props.name}!</div>`
Insert cell
Insert cell
mount(HelloCounter)
Insert cell
HelloCounter = () => {
const { createSignal, onCleanup } = Solid
const [count, setCount] = createSignal(0)
const interval = setInterval(
() => setCount(count => count + 1),
1000
)
onCleanup(() => clearInterval(interval))
return html`<div>${count}</div>`
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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