The avatar for @tomlarkworthy
Tom Larkworthy
Tech Lead at Taktile. Formerly Firebase, Google
Public
ui
Edited
Aug 9, 2022
Fork of localStorageView: Non-invasive local persistance
•
2 forks
Importers
6 stars
ui
Composing viewofs with the view literalScaling User Interface DevelopmentlocalStorageView: Non-invasive local persistanceDOM view
urlQueryFieldView: Non-invasive URL field persistence
Design 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)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof c1 = Inputs.bind(Inputs.text({ label: "c1" }), urlQueryFieldView("c1"))
Insert cell
c1
Insert cell
Insert cell
Insert cell
c2sideBind = {
Inputs.bind(viewof c2, urlQueryFieldView("c2"));
}
Insert cell
Insert cell
Insert cell
Insert cell
viewof json = urlQueryFieldView("json", { decode: JSON.parse })
Insert cell
json
Insert cell
Insert cell
viewof c3 = Inputs.bind(
Inputs.text({
label: "c3",
submit: true,
placeholder: "try something"
}),
urlQueryFieldView("c3", { write: true, hash: "c3" })
)
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