The avatar for @jmatsushita
Jun Matsushita
Purescript, Local First
Public
Edited
Dec 13, 2023
Fork of Transitive reactive input dependencies
Insert cell
Insert cell
import {localStorageView} from '@tomlarkworthy/local-storage-view'
Insert cell
Insert cell
viewof source = localStorageView("sourceStorage")
Insert cell
viewof middle = Inputs.textarea({label: "middle"})
Insert cell
viewof target = Inputs.textarea({label: "target"})
Insert cell
Inputs.bind(viewof middle, viewof source)

Insert cell
Inputs.bind(viewof target, viewof middle)
Insert cell
Insert cell
viewof source2 = localStorageView("sourceStorage")
Insert cell
viewof middle2 = Inputs.textarea({label: "middle2"})
Insert cell
viewof target2 = Inputs.textarea({label: "target2"})
Insert cell
Inputs.bind(viewof middle2, viewof source2)

Insert cell
Inputs.bind(viewof target2, viewof source2)
Insert cell
Insert cell
import {Editor} from '@jmatsushita/editor'

Insert cell
viewof content = Editor()
Insert cell
Inputs.bind(viewof content, viewof source)
Insert cell
Insert cell
// viewof source3 = localStorageView("sourceStorage")
Insert cell
// import { CodeMirror } from '@jmatsushita/codemirror-component'
Insert cell
// viewof code = CodeMirror()
Insert cell
// Inputs.bind(viewof code, viewof source3)

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