←back to thread

Reactive HTML Notebooks

(maxbo.me)
356 points california-og | 3 comments | 18 Nov 24 08:33 UTC | HN request time: 0.643s | source
Show context
squeegee_scream ◴[18 Nov 24 13:25 UTC] No.42172100[source]▶
Reactive HTML but it’s almost entirely JavaScript, or am I misunderstanding something?
replies(2): >>42172211 #>>42173680 #
california-og ◴[18 Nov 24 13:42 UTC] No.42172211[source]▶
It's JavaScript for the interactive/reactive parts, but the notebook is implemented in a self-contained HTML file: it handles everything from document structure to editing and display. It's also not dependant on 3rd party software (par browser), and is as durable, portable and easy-to-use as any HTML is.
replies(1): >>42172633 #
1. rounce ◴[18 Nov 24 14:39 UTC] No.42172633[source]▶
It imports the ObservableHQ runtime in one of the first code blocks.
replies(1): >>42173191 #
2. RodgerTheGreat ◴[18 Nov 24 15:24 UTC] No.42173191[source]▶
In principle those external dependencies could be rolled together into one document and produce something truly freestanding. Once one decides to inline everything, opportunities arise to produce something simpler and more coherent.
replies(1): >>42175785 #
3. tlarkworthy ◴[18 Nov 24 19:10 UTC] No.42175785[source]▶
I actually did that in observable userspace https://observablehq.com/@tomlarkworthy/exporter