2d:null 2e:["$","title",null,{"children":"Une brève introduction à \\`Viewof\\` | Malik Koné | Observable"}] 33:[] 31:{"id":"2df7acf4346b3bf6","slug":"une-breve-introduction-a-viewof","title":"Une brève introduction à \\`Viewof\\`","thumbnail":"674506439c57ab2e567bf0835a54ec96182c5c5dc04d92c5cb904eebbb47b806","access_level":"public","create_time":"$D2018-05-15T22:19:43.121Z","update_time":"$D2019-01-22T16:26:47.633Z","view_time":null,"first_public_time":"$D2018-05-30T08:46:37.025Z","has_unpublished_edits":null,"fork":{"id":"66091b39a2b5e5ad","slug":"a-brief-introduction-to-viewof","title":"A Brief Introduction to Viewof","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"67e45a130f28cdf9","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":"starter_2024"},"version":113,"publish_version":113,"role":null,"authored":false,"authors":[{"type":"individual","id":"d3108f8c2ef2e746","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":null}],"members":[{"type":"individual","id":"d3108f8c2ef2e746","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"94dddef164ca86e1","slug":"translations","title":"Translations","owner":{"id":"67e45a130f28cdf9","login":"maliky","name":"Malik Koné"}},"type":"notebook","body":{"title":"Une brève introduction à \\`Viewof\\`","cells":[{"id":0,"value":"md`# Une brève introduction à \\`Viewof\\`\n\nIl faut bien se rendre compte que le mot clef \\`viewof\\` *foo* crée une cellule visible avec l'élément \\`input\\` **plus** une cellule *invisible* qui met à disposition la valeur de \\`l'input\\`. \n\n### Sans le mot clef (\\`viewof\\`)\nil faudrait créer manuellement ces deux cellules, comme ci-dessous.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"vueCouleur = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"valCouleur = Generators.input(vueCouleur)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`Ainsi définie, \\`valCouleur\\` peut être utilisée par d'autres cellules. Ces cellules se ré-executerons à chaque fois que \\`valCouleur\\` sera redéfinie:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"html`La couleur actuelle est: ${valCouleur}.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"html`valCouleur est de type ${vueCouleur.constructor.name}. Il peut aussi être appelé.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"md`### En utilisant \\`viewof\\`\nIl suffit d'écrire:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"viewof couleur = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"md`Et maintenant \\`couleur\\` et \\`viewof couleur\\` sont respectivement équivalent à \\`valCouleur\\` et \\`vueCouleur\\`.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"html`La couleur actuelle est: ${couleur}.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"html`Le champs viewof couleur est du type ${viewof couleur.constructor.name}.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"