31:[] 2f:{"title":"Using objects in Observable:","cells":[{"id":0,"value":"md`# Using objects in Observable: \n**mutable objects** from https://talk.observablehq.com/t/does-mutable-work-with-objects/399/5\n\nDon't forget observable needs ()'s around it {objects}'s.\n\nWhen an object value is channger you use:\n\\`\\`\\`js\n{ mutable currentColours = {... mutable currentColours, zero: [255,0,0,]}; }\\`\\`\\`\nThat triggers cells like this to be updated: \n\\`\\`\\`html\nhtml \\`

Colour Zero\\

\\` \n\\`\\`\\`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"mutable currentColours = ({ zero,one,two,three} )","pinned":true,"hidden":false,"mode":"ojs"},{"id":85,"value":"zero = [0,0,0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"one = [0,0,0]\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"two = [0,0,0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"three =[0,0,0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":96,"value":"currentColours.zero","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"currentColours","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"_.join( currentColours.zero)","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"ui = {\n let ui = html`

Colour Zero

Colour One

Colour Two

Colour Three

`\nreturn ui;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":150,"value":" { mutable currentColours = {...mutable currentColours, zero: [255,0,0,]};} ","pinned":true,"hidden":false,"mode":"ojs"},{"id":156,"value":" { mutable currentColours = {...mutable currentColours, one: [50,50,150,]}; }","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":" { mutable currentColours = {...mutable currentColours, two: [0,200,0,]}; }","pinned":true,"hidden":false,"mode":"ojs"},{"id":160,"value":" { mutable currentColours = {...mutable currentColours, three: [140,140,0,]}; }","pinned":true,"hidden":false,"mode":"ojs"},{"id":123,"value":"_ = require('lodash')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}