Tech Lead at Taktile.
Formerly Firebase, Google
Composing viewofs with the view literalScaling User Interface DevelopmentlocalStorageView: Non-invasive local persistanceDOM viewurlQueryFieldView: Non-invasive URL field persistenceDesign Guidelines and Linter for Reusable UI ComponentsSqueezing more Juice out of UI librariesGlobally 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)
Reversible attachment
viewof parent = view`<div>
${["child", reversibleAttach(attach, viewof child)]}
</div>`
child
parent
Inputs.button("backdrive parent", {
reduce: () => {
viewof parent.value.child = Math.random();
viewof parent.child.dispatchEvent(new Event("input", { bubbles: true }));
}
})
viewof grand_parent = Inputs.form({
parent: reversibleAttach(attach_gp, viewof parent)
})
grand_parent
Inputs.button("backdrive grand_parent", {
reduce: () => {
viewof grand_parent.value.parent.child = Math.random();
viewof grand_parent.dispatchEvent(new Event("input", { bubbles: true }));
}
})
//import { footer } from "@tomlarkworthy/footer"
footer
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.
