Published
Edited
Dec 18, 2021
Fork of Blog Post
1 fork
Insert cell
Insert cell
htl.html`
<div id="root"></div>
<script type="module">
import {
createSignal,
onCleanup,
} from "https://cdn.skypack.dev/solid-js";
import { render } from "https://cdn.skypack.dev/solid-js/web";
import html from "https://cdn.skypack.dev/solid-js/html";
`
Insert cell
solid = import("https://cdn.skypack.dev/solid-js")
Insert cell
html = import("https://cdn.skypack.dev/solid-js/html")

Insert cell
ht = import("https://cdn.skypack.dev/solid-js/web");
Insert cell
App = () => {
const [count, setCount] = solid.createSignal(0),
timer = setInterval(() => setCount(count() + 1), 1000);
solid.onCleanup(() => clearInterval(timer));
return html.default`<div>${count}</div>`;
};
Insert cell
"Here is a timer app that is built with SolidJS
Insert cell
root = document.createElement("div");
Insert cell
root.setAttribute("id", "root")
Insert cell
ht.render(App, root)
Insert cell
See my [posts for details](https://webmeister.notion.site): [Free Design Resources](https://www.cbsofyalioglu.com/design/free-design-resources/)
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