Tech Lead at Taktile.
Formerly Firebase, Google
Composing viewofs with the view literalScaling User Interface DevelopmentlocalStorageView: Non-invasive local persistanceurlQueryFieldView: Non-invasive URL field persistenceDesign Guidelines and Linter for Reusable UI ComponentsSqueezing more Juice out of UI librariesReversible attachmentGlobally Synchronized ViewsTabbed Pane ViewMultiplayer Cursors👋 Hello, javascript-state-machine ⨯ PlotVertical SlidersDraggable LocalFile fileInputData EditorUI AnimationView Composition ExamplesComposing views across time: viewroutineHypertext literal reconciliation with nanomorphResponsive gridimgChooserDraggable Sticky viewHowto import a React component (Chonky Example)
DOM view
domView = ({ className = "" } = {}) => {
const dom = document.createElement("div");
dom.className = className;
dom.value = undefined;
invalidation.then(dom.addEventListener("input", () => {}));
Object.defineProperty(dom, "value", {
set: (value) => {
if (dom.firstChild) dom.textContent = "";
if (value) dom.appendChild(value);
},
get: () => dom.firstChild
});
return dom;
}
viewof example = domView()
(viewof example.value = html`<button>❤️</button>`)
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
