2c:null 2d:["$","title",null,{"children":"Hello, Mithril JS | Andrew Wooldridge | Observable"}] 32:[] 30:{"id":"f9ce4caa89bad1da","slug":"hello-mithril-js","title":"Hello, Mithril JS","thumbnail":"73cd7646c399b4cec5bd98b7484a6e7ee9b7a3dc7804d943125cb052bf3cbccb","access_level":"public","create_time":"$D2021-01-16T16:39:03.841Z","update_time":"$D2021-01-16T17:03:10.298Z","view_time":null,"first_public_time":"$D2021-01-16T16:44:07.874Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":"starter_2024","bio":"📜JavaScript developer. \n\n🐲RPG fan. \n\n📚Storyteller and 🕹game developer. \n\n👨Father and Husband."},"version":47,"publish_version":47,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"bio":"📜JavaScript developer. \n\n🐲RPG fan. \n\n📚Storyteller and 🕹game developer. \n\n👨Father and Husband."}],"members":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"role":"editor"}],"comments":[{"id":"6efe11c5778dd202","reply_to_id":null,"content":"// m.mount(aPlace, Hello ) // why you no work?\n m.render(aPlace, Hello.view())","create_time":"$D2022-05-05T10:44:46.492Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"71df97e2192b6fce","login":"hellonearthis","name":"Brett Cooper","avatar_url":"https://avatars-next.observableusercontent.com/ee05023c4c2a9d53e29a4f85f35e35430ae16d2c4aa6a6ca791175caf667abc2","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"10572dc930380b86","slug":"api","title":"API","owner":{"id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge"}},"type":"notebook","body":{"titling":"auto","title":"Hello, Mithril JS","cells":[{"id":0,"value":"md`# Hello, Mithril JS`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"html`

Mithril is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"m = require('mithril@2.0.4/dist/archive/v0.1.10/mithril.js')\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"{\n let out = html`

`\n m.render(out, \"hello Mithril\")\n return out\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"{\n let out = html`

`;\n m.render(out, [\n m(\"main\", [\n m(\"h1\", {class: \"title\"}, \"My first app\"),\n m(\"button\", \"A button\"),\n ])\n ])\n return out\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"Hello = {\n let out = html`

`\n var Hello = {\n view: function() {\n return m(\"main\", [\n m(\"h1\", {class: \"title\"}, \"My first app - from a component\"),\n m(\"button\", \"A button\"),\n ])\n }\n }\n m.mount(aPlace, Hello ) // why you no work?\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"aPlace = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"