\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2?id=main"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","UI","Control","ClientInternal","Body"]}},"ws1791212022":{"$T":0,"$V":{"args":[],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","TitleContent"]}},"ws626363109":{"$T":0,"$V":{"args":[{"$V":{"HtmlCode":{"$V":{"$":0,"$0":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","RunPage"]}},"ws1841753244":{"$T":0,"$V":{"args":["\r\n \r\n \r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with F#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with C#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Drawing around<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Pool game<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Clock<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Google Visualization<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Ext JS<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Sencha Touch<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Kendo UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery Mobile<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n Documentation<\/a>\r\n Downloads<\/a>\r\n Try Online<\/a>\r\n Blogs<\/a>\r\n Forums<\/a>\r\n Support<\/a>\r\n<\/nav>"],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","FeaturedSwiper"]}},"ws251830965":{"$T":0,"$V":{"args":[[[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2418,"$1":1}},"Base62Id":"0000d0","Title":"GlobalNation1","Description":"","UpdateNote":null,"Created":1715336127987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user5892\/0000d0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2413,"$1":1}},"Base62Id":"0000cv","Title":"GlobalNations","Description":"The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results.","UpdateNote":null,"Created":1715281171960,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user5892\/0000cv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2383,"$1":24}},"Base62Id":"0000cR","Title":"rock_paper_scissors","Description":"F# + WebSharper to create a simple rock paper scissors game vs computer.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714714801950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4032"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user4032\/0000cR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2373,"$1":1}},"Base62Id":"0000cH","Title":"Joke_Generator","Description":"A simple app using a randomizer to give you a good joke and make your day better!\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714671713303,"Updated":{"$V":{"$":1,"$0":1714671959207}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000cH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2244,"$1":2}},"Base62Id":"0000aC","Title":"Are lenses on record fields updated each time another lens is updated?","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1687528464023,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000aC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2238,"$1":3}},"Base62Id":"0000a6","Title":"ListModel.Doc updates all not only changes","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1685017602890,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000a6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2191,"$1":4}},"Base62Id":"0000ZL","Title":"Forms with currency using decimal and units of measure","Description":"This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1671567510137,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3950"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3950\/0000ZL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2081,"$1":2}},"Base62Id":"0000XZ","Title":"Todo List in F#","Description":"Discard empty task names and always trim task names","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1632048665513,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3896"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3896\/0000XZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2074,"$1":2}},"Base62Id":"0000XS","Title":"classDynPredBoth","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1628698773110,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3329"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3329\/0000XS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1710,"$1":15}},"Base62Id":"0000Ra","Title":"MVU + WebSharper.UI-based File Uploader Component","Description":"Simple reactive file uploader component built using MVU architecture.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1627722238850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ra.png?t=1627722238"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ra"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2060,"$1":6}},"Base62Id":"0000XE","Title":"IP Project Tracker form with Submit","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1623162204853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"imranypatel@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/imranypatel~40gmail.com\/0000XE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1041,"$1":14}},"Base62Id":"0000Gn","Title":"UI Tic-Tac-Toe","Description":"Port to UI of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":"Add draw detection"}},"Created":1623143521257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gn.png?t=1623143521"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Gn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2000,"$1":1}},"Base62Id":"0000WG","Title":"Testing custom Json convert","Description":"See https:\/\/github.com\/dotnet-websharper\/core\/issues\/1127","UpdateNote":null,"Created":1620808701160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000WG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":437,"$1":2}},"Base62Id":"000073","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1620124508350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000073"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1960,"$1":15}},"Base62Id":"0000Vc","Title":"WSReactDatePicker","Description":"react-datepicker component imported in WebSharper React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1601211626073,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Vc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1951,"$1":8}},"Base62Id":"0000VT","Title":"React hooks mixed with UI the other way around: setting React from UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600521048467,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1947,"$1":5}},"Base62Id":"0000VP","Title":"React hooks mixed with UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600512338307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1946,"$1":1}},"Base62Id":"0000VO","Title":"React hooks","Description":"","UpdateNote":null,"Created":1600277512013,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000VO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1897,"$1":9}},"Base62Id":"0000Ub","Title":"React Grouping","Description":"\nExample of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600250241827,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ub"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1849,"$1":8}},"Base62Id":"0000Tp","Title":"React Sample","Description":"Example of W# React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600010700907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1855,"$1":29}},"Base62Id":"0000Tv","Title":"React Grouping","Description":"Example of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600004689907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":370,"$1":2}},"Base62Id":"00005y","Title":"Google Visualization","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1596618395480,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Google.Visualization","$1":["WebSharper.Google.Visualization.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/google-vis.png?t=1596618395"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00005y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":201,"$1":4}},"Base62Id":"00003F","Title":"Hello world","Description":"Hello world with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Updated old snippet to now use an RV."}},"Created":1590798784213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00003_F.png?t=1590798784"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003F"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1734,"$1":3}},"Base62Id":"0000Ry","Title":"View.MapCachedBy and ListModel Demo","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1589572791970,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ry.png?t=1589572791"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ry"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1724,"$1":10}},"Base62Id":"0000Ro","Title":"MVU with subpages attempt","Description":"An attempt to implement MVU-based app with a tree of pages.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588857583203,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ro"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1722,"$1":2}},"Base62Id":"0000Rm","Title":"Including a WS.UI Doc inside a WS.Html Element","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588636353727,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Rm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1696,"$1":4}},"Base62Id":"0000RM","Title":"Pythagorean Tree","Description":"Creating a randomized Pythagorean tree using F# and HTML5 canvas","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1586784421773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3757"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R_M.png?t=1586784421"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3757\/0000RM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1687,"$1":4}},"Base62Id":"0000RD","Title":"Doc.SelectOptional - proposed fix","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581866145157,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1686,"$1":1}},"Base62Id":"0000RC","Title":"Doc.SelectOptional to be fixed","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":null,"Created":1581849533173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1678,"$1":8}},"Base62Id":"0000R4","Title":"F# Delayed function","Description":"Demonstrates the use of a delayed action when typing into a text input","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581575162267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R4.png?t=1581575162"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000R4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1677,"$1":1}},"Base62Id":"0000R3","Title":"F# Async cancellation","Description":"","UpdateNote":null,"Created":1581520626737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000R3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1615,"$1":16}},"Base62Id":"0000Q3","Title":"Focus problem - nested ListModels","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1579853623783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3735"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3735\/0000Q3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1067,"$1":5}},"Base62Id":"0000HD","Title":"Error in dynamic attribute","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1576176434987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000HD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1601,"$1":2}},"Base62Id":"0000Pp","Title":"Mock up for SelectDynOptional issue - done!","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575913233123,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1596,"$1":3}},"Base62Id":"0000Pk","Title":"Mock up for SelectDynOptional issue (version with bootstrap modal)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575912712523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1590,"$1":2}},"Base62Id":"0000Pe","Title":"A simple reactive formlet - Bug Repro","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575536247390,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pe"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1581,"$1":2}},"Base62Id":"0000PV","Title":"F# 4.7 implicit yield","Description":"Constructing list with implicit yields","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570778745420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000PV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1571,"$1":2}},"Base62Id":"0000PL","Title":"Type Matching over Record Types","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570044930603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1562,"$1":7}},"Base62Id":"0000PC","Title":"Simple Calculator with Today UTC","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1569091310233,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1557,"$1":5}},"Base62Id":"0000P7","Title":"Date, DateTime and TimeSpan and UTC","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date. \n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1568898529813,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/user3383\/0000P7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1556,"$1":1}},"Base62Id":"0000P6","Title":"Minimal progressbar with inline javascript ","Description":"This snippet uses nanobar (https:\/\/github.com\/jacoborus\/nanobar)","UpdateNote":null,"Created":1568620741777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P6.png?t=1568620741"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1551,"$1":1}},"Base62Id":"0000P1","Title":"Pikaday datepicker example with Inline methods","Description":"","UpdateNote":null,"Created":1567066881627,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P1.png?t=1567066881"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1545,"$1":2}},"Base62Id":"0000Ov","Title":"[V blog] separate Vars composed with an Async function","Description":"Simulating a DB retrieval with View.MapAsync2","UpdateNote":{"$V":{"$":1,"$0":"https:\/\/gitter.im\/intellifactory\/websharper?at=5d64e409c8228962acd09ceb"}},"Created":1566898922600,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ov"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":860,"$1":2}},"Base62Id":"0000Ds","Title":"Complex operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565596072120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ds.png?t=1565596072"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Ds"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":880,"$1":3}},"Base62Id":"0000EC","Title":"Markdown parser with syntax highlighting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565250978707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_C.png?t=1565250978"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000EC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1533,"$1":3}},"Base62Id":"0000Oj","Title":"C# View.MapAsync example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646717913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Oj.png?t=1564646717"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Oj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1527,"$1":7}},"Base62Id":"0000Od","Title":"View.MapAsyncLoading example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646712743,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Od.png?t=1564646712"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Od"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1525,"$1":2}},"Base62Id":"0000Ob","Title":"LINQ with anonymous records","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563781837010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ob"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":902,"$1":3}},"Base62Id":"0000EY","Title":"Kruskal algorithm","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563263846613,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Y.png?t=1563263846"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":903,"$1":2}},"Base62Id":"0000EZ","Title":"Visual graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562745122167,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Z.png?t=1562745122"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1278,"$1":5}},"Base62Id":"0000Kc","Title":"MVU Paging","Description":"Use View.DocSeqCached","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562682853427,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1518,"$1":2}},"Base62Id":"0000OU","Title":"C# HTML inputs","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562279811240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000OU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":873,"$1":2}},"Base62Id":"0000E5","Title":"Swiper Android-Style Tabs","Description":"In this snippet we will make an Android-style tab system with the power of Swiper, CSS3 and of course WebSharper.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562140389030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E5.png?t=1562140389"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":892,"$1":5}},"Base62Id":"0000EO","Title":"Markdown Editor with Preview - Golden Layout","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562053396347,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":948,"$1":3}},"Base62Id":"0000FI","Title":"Task Cancellation","Description":"Demonstrate async Task cancellation on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1561361701717,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_I.png?t=1561361701"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":868,"$1":5}},"Base62Id":"0000E0","Title":"Swiper - Reactive Slide Index","Description":"In this snippet you can see how you can interact with the active slide index in a reactive manner.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560930472740,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E0.png?t=1560930472"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":862,"$1":3}},"Base62Id":"0000Du","Title":"AsciiMath render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757594407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Du.png?t=1560757594"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Du"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":863,"$1":2}},"Base62Id":"0000Dv","Title":"MathML render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757560117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dv.png?t=1560757560"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":864,"$1":3}},"Base62Id":"0000Dw","Title":"TeX render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757524263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dw.png?t=1560757524"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":870,"$1":3}},"Base62Id":"0000E2","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848231520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E2.png?t=1559848231"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E2"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1494,"$1":3}},"Base62Id":"0000O6","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848184817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O6.png?t=1559848184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":950,"$1":4}},"Base62Id":"0000FK","Title":"Erased unions","Description":"Demonstrate how to return a value of multiple possible types in a type-safe way without the runtime cost of a wrapper such as FSharpChoice.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559548403787,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_K.png?t=1559548403"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1488,"$1":4}},"Base62Id":"0000O0","Title":"D3 World Tour","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255894120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O0.png?t=1559255894"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":597,"$1":7}},"Base62Id":"00009d","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255814837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009d.png?t=1559255814"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":907,"$1":7}},"Base62Id":"0000Ed","Title":"Nicer popup boxes with SweetAlert","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559084194837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ed.png?t=1559084194"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000Ed"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1485,"$1":1}},"Base62Id":"0000Nx","Title":"Popup boxes with SweetAlert","Description":"","UpdateNote":null,"Created":1559084146830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Nx.png?t=1559084146"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Nx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1484,"$1":1}},"Base62Id":"0000Nw","Title":"Visualizing Dijkstra algorithm","Description":"","UpdateNote":null,"Created":1559033232833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000Nw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1090,"$1":3}},"Base62Id":"0000Ha","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339765040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ha"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1091,"$1":3}},"Base62Id":"0000Hb","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339761523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hb.png?t=1558339761"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Hb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1467,"$1":7}},"Base62Id":"0000Nf","Title":"React Grid Layout","Description":"Create a simple grid using react-grid-layout","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558084661107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Nf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1465,"$1":1}},"Base62Id":"0000Nd","Title":"Advanced example for WebSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1557960713723,"Updated":{"$V":{"$":1,"$0":1557962234603}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Nd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1454,"$1":3}},"Base62Id":"0000NS","Title":"Vue.js GridComponent sample","Description":"Conversion of a Vue.js sample using anonymous F# records","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1553636218910,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1446,"$1":1}},"Base62Id":"0000NK","Title":"F# Anonymous records","Description":"Shows using F# anonymous records in JavaSript translation","UpdateNote":null,"Created":1551200039373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_N_K.png?t=1551200039"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":274,"$1":9}},"Base62Id":"00004Q","Title":"Login form with reactive piglets","Description":"A simple login form implemented via reactive piglets.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI from UI.Next."}},"Created":1551119786403,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_Q.png?t=1551119786"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":290,"$1":17}},"Base62Id":"00004g","Title":"Login with reactive piglets + Bootstrap","Description":"Updated to use UI and Forms","UpdateNote":{"$V":{"$":1,"$0":"Fixed typo."}},"Created":1551117705107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":435,"$1":4}},"Base62Id":"000071","Title":"Random line charts","Description":"Three random line charts using Rickshaw","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085325623,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000071.png?t=1548085325"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000071"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":118,"$1":5}},"Base62Id":"00001u","Title":"Reactive input","Description":"Shows how to map text input as it is entered","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085253100,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001u.png?t=1548085253"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":428,"$1":3}},"Base62Id":"00006u","Title":"Mini charts","Description":"A mini chart that updates automatically and another on demand.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085097923,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Peity","$1":["WebSharper.Peity.dll","WebSharper.Peity.Bindings.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006u.png?t=1548085097"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":103,"$1":5}},"Base62Id":"00001f","Title":"Live chart","Description":"Show the mean of random data over time","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084999663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001f.png?t=1548084999"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":404,"$1":3}},"Base62Id":"00006W","Title":"Responsive chart","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084989163,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006_W.png?t=1548084989"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":127,"$1":4}},"Base62Id":"000023","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084547117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000023.png?t=1548084547"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000023"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":264,"$1":5}},"Base62Id":"00004G","Title":"Charting Sample with WebSharper.UI","Description":"A simple snippet showcasing WebSharper.Charting and WebSharper.UI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084520850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":265,"$1":2}},"Base62Id":"00004H","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084055460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004H"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":223,"$1":3}},"Base62Id":"00003b","Title":"Client-side Data Charting - Tertiary School Enrollment","Description":"Historic Tertiary School Enrollment chart for Austria\/Hungary\/UK\/US using WebSharper.Data and WebSharper.Charting","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548083624377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003b"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1325,"$1":7}},"Base62Id":"0000LN","Title":"WebComponents","Description":"Custom Element with one way communication","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1544016748270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_L_N.png?t=1544016748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1410,"$1":2}},"Base62Id":"0000Mk","Title":"Todo List MVU","Description":"Material UI + UI websharper + F# =)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1543091612670,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3546"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mk.png?t=1543091612"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3546\/0000Mk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1406,"$1":2}},"Base62Id":"0000Mg","Title":"Button group","Description":"Create a group of buttons that behave like a RadioGroup","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1542220752553,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mg.png?t=1542220752"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Mg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1402,"$1":2}},"Base62Id":"0000Mc","Title":"MVU Paging","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Fixed original template (it didn't compile): created input via `Doc.Input` instead of `input` to associate it with `inpVar: Var` which has a property `Value`"}},"Created":1541500382420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Mc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1395,"$1":2}},"Base62Id":"0000MV","Title":"Views for validation experiment","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1539337212533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3530"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3530\/0000MV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":112,"$1":5}},"Base62Id":"00001o","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI instead of UI.Next"}},"Created":1538143523047,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001o.png?t=1538143523"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":88,"$1":5}},"Base62Id":"00001Q","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536307107360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Q.png?t=1536307107"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":905,"$1":3}},"Base62Id":"0000Eb","Title":"Medium Editor","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536259374363,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MediumEditor","$1":["WebSharper.MediumEditor.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Eb.png?t=1536259374"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Eb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":804,"$1":4}},"Base62Id":"0000Cy","Title":"Person's pets form","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536255076340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Cy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":855,"$1":2}},"Base62Id":"0000Dn","Title":"Positive int input form","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254842950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Dn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":307,"$1":9}},"Base62Id":"00004x","Title":"Login with WebSharper.Forms.Bootstrap","Description":"Reactive login form with validation and feedback ","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254719603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004x.png?t=1536254719"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":39,"$1":2}},"Base62Id":"00000d","Title":"Pool Game","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536252570817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.O3D","$1":["WebSharper.O3D.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/pool-game.png?t=1536252570"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":154,"$1":7}},"Base62Id":"00002U","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535562292267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002U"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":219,"$1":3}},"Base62Id":"00003X","Title":"A Simple Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561992413,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003X"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":220,"$1":2}},"Base62Id":"00003Y","Title":"A Stateful Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561851820,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":221,"$1":2}},"Base62Id":"00003Z","Title":"Client-side routing","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561729460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":326,"$1":3}},"Base62Id":"00005G","Title":"to-do list","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561668713,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00005G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":196,"$1":3}},"Base62Id":"00003A","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561618487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1357,"$1":8}},"Base62Id":"0000Lt","Title":"React Tic-Tac-Toe","Description":"Port to WebSharper.React of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561571777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Lt.png?t=1535561571"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Lt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1351,"$1":6}},"Base62Id":"0000Ln","Title":"MVU Tic-Tac-Toe","Description":"Port to WebSharper.Mvu of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1534429511640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ln.png?t=1534429511"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Ln"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1346,"$1":2}},"Base62Id":"0000Li","Title":"MVU TodoMVC without templating","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533894962707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Li"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1285,"$1":7}},"Base62Id":"0000Kj","Title":"MVU TodoMVC","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":"Thanks to routing, filters don't need event handlers, href is enough."}},"Created":1533894714357,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kj.png?t=1533894714"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":42,"$1":2}},"Base62Id":"00000g","Title":"Todo List in F#","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533831689273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list.png?t=1533831689"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1339,"$1":3}},"Base62Id":"0000Lb","Title":"WithAttrs not found in JavaScript","Description":"A couple of issues with Elt object","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1530865990373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Lb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1321,"$1":2}},"Base62Id":"0000LJ","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525868678037,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1316,"$1":5}},"Base62Id":"0000LE","Title":"WebComponents","Description":"WebComponents with WebSharper Templates","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525867026083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1310,"$1":4}},"Base62Id":"0000L8","Title":"MVU TodoMVC with consistenView","Description":"TodoMVC using WebSharper.Mvu improved to avoid unnecessary rendering","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524948840270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000L8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":944,"$1":3}},"Base62Id":"0000FE","Title":"LINQ query expressions","Description":"Demonstrate C# LINQ query expressions and methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506818477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_E.png?t=1524506818"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":942,"$1":3}},"Base62Id":"0000FC","Title":"Date, DateTime and TimeSpan","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506801387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_C.png?t=1524506801"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":947,"$1":3}},"Base62Id":"0000FH","Title":"Await Task","Description":"Demonstrate async\/await Tasks on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506764043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_H.png?t=1524506764"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":941,"$1":3}},"Base62Id":"0000FB","Title":"GUID manipulation","Description":"Demonstrate using the type System.Guid on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506735090,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_B.png?t=1524506735"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FB"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":949,"$1":2}},"Base62Id":"0000FJ","Title":"Iterator with yield","Description":"Demonstrate using the yield keyword in C# on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506694127,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_J.png?t=1524506694"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":946,"$1":2}},"Base62Id":"0000FG","Title":"C# 7 Pattern Matching","Description":"Demonstrate C# 7 pattern matching on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504212447,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_G.png?t=1524504212"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":945,"$1":2}},"Base62Id":"0000FF","Title":"String Formatting","Description":"Demonstrate string formatting on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504025503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_F.png?t=1524504025"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FF"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":943,"$1":2}},"Base62Id":"0000FD","Title":"System.Array","Description":"Demonstrate the System.Array methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524503950520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_D.png?t=1524503950"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":979,"$1":5}},"Base62Id":"0000Fn","Title":"C# events and delegates","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524474420690,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fn.png?t=1524474420"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":237,"$1":8}},"Base62Id":"00003p","Title":"Workbook: Tertiary School Enrollment and GDP Per Capita","Description":"Workbook to compare Tertiary School Enrollment and GDP Per Capita figures for various EU countries and the US.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524139518677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003p.png?t=1524139518"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":211,"$1":4}},"Base62Id":"00003P","Title":"A simple reactive formlet","Description":"Simple person formlet using UI.Next.Formlets with Vars","UpdateNote":{"$V":{"$":1,"$0":"Converted to WS UI"}},"Created":1524139484830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_P.png?t=1524139484"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1291,"$1":1}},"Base62Id":"0000Kp","Title":"F# union JSON serialization","Description":"","UpdateNote":null,"Created":1524054826587,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kp.png?t=1524054826"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Kp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1290,"$1":1}},"Base62Id":"0000Ko","Title":"Inheritance test","Description":"","UpdateNote":null,"Created":1523997090393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ko.png?t=1523997090"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ko"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1282,"$1":3}},"Base62Id":"0000Kg","Title":"MVU: List of counters","Description":"Composing MVU components into a larger application","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523951903477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kg.png?t=1523951903"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1281,"$1":1}},"Base62Id":"0000Kf","Title":"MVU: Simple Counter","Description":"The most basic example of the MVU architecture","UpdateNote":null,"Created":1523949770507,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kf.png?t=1523949770"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":577,"$1":5}},"Base62Id":"00009J","Title":"Drawing around","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523872349303,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_J.png?t=1523872349"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1254,"$1":7}},"Base62Id":"0000KE","Title":"Current LensInto with bindVar, lensInto', lensView","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522620033407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000KE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1239,"$1":3}},"Base62Id":"0000Jz","Title":"DocLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586933967,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Jz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1241,"$1":3}},"Base62Id":"0000K1","Title":"MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586904747,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1245,"$1":10}},"Base62Id":"0000K5","Title":"Current LensInto with bindVar","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586009383,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1243,"$1":2}},"Base62Id":"0000K3","Title":"ListModel DocLens & MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522544327703,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1231,"$1":6}},"Base62Id":"0000Jr","Title":"Counter","Description":"A simple counter using the Model-View-Update pattern with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Made the separation between updating the model and Bind() clearer"}},"Created":1522257034663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jr.png?t=1522257034"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":168,"$1":5}},"Base62Id":"00002i","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":"Adapt to WebSharper.D3 API changes"}},"Created":1522246383803,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00002i.png?t=1522246383"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1227,"$1":2}},"Base62Id":"0000Jn","Title":"Login with Bulma","Description":"Simple login panel using Bulma and UI templating.","UpdateNote":{"$V":{"$":1,"$0":"Replaced DynamicClassPred with ClassPred and the V notation"}},"Created":1521847183340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jn.png?t=1521847183"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1223,"$1":3}},"Base62Id":"0000Jj","Title":"SlickGrid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1521042101660,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.SlickGrid","$1":["WebSharper.SlickGrid.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3303"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jj.png?t=1521042101"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3303\/0000Jj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":608,"$1":3}},"Base62Id":"00009o","Title":"Highcharts","Description":"The standard Highcharts sample with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520997596517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00009o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1218,"$1":2}},"Base62Id":"0000Je","Title":"Charting with Chart.js","Description":"Simple charts with Chart.js","UpdateNote":{"$V":{"$":1,"$0":"Moving open's to the top"}},"Created":1520997057797,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ChartJs","$1":["WebSharper.ChartJs.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Je.png?t=1520997057"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Je"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1217,"$1":1}},"Base62Id":"0000Jd","Title":"Raphael demo","Description":"Basic rendering with Raphael","UpdateNote":null,"Created":1520996406907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Raphael","$1":["WebSharper.JQueryUI.dll","WebSharper.Raphael.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jd.png?t=1520996406"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1212,"$1":2}},"Base62Id":"0000JY","Title":"WebGL rotating a logo","Description":"Simple snippet to load an image and rotate it using WebGL","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520973872517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.GlMatrix","$1":["WebSharper.GlMatrix.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1210,"$1":2}},"Base62Id":"0000JW","Title":"LocalStorage","Description":"Simple test to write and read values to the client's LocalStorage","UpdateNote":{"$V":{"$":1,"$0":"Moved incrementing value out of the event handler"}},"Created":1520972525027,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_W.png?t=1520972525"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1208,"$1":2}},"Base62Id":"0000JU","Title":"Geolocation","Description":"Simple example that shows how to retrieve the client's location (needs https)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520970818263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_U.png?t=1520970818"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1207,"$1":1}},"Base62Id":"0000JT","Title":"Plotting functions","Description":"Simple form to collect data for plotting functions","UpdateNote":null,"Created":1520969879237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_T.png?t=1520969879"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1206,"$1":1}},"Base62Id":"0000JS","Title":"Canvas","Description":"Basic HTML5 Canvas example","UpdateNote":null,"Created":1520967874913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_S.png?t=1520967874"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1200,"$1":4}},"Base62Id":"0000JM","Title":"Calculations with templating","Description":"Computing the factorial based on a templated form","UpdateNote":{"$V":{"$":1,"$0":"Fixed setting the value of the output \"pre\" tag"}},"Created":1520967559003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_M.png?t=1520967559"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1199,"$1":2}},"Base62Id":"0000JL","Title":"Calculations","Description":"Fixed snippet to run","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520948636260,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1202,"$1":1}},"Base62Id":"0000JO","Title":"Toggle Panel","Description":"","UpdateNote":null,"Created":1520905708860,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":444,"$1":3}},"Base62Id":"00007A","Title":"HammerJS example","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Convert from UI.Next to UI"}},"Created":1520866747380,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.HammerJS","$1":["WebSharper.HammerJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_A.png?t=1520866747"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/00007A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":438,"$1":3}},"Base62Id":"000074","Title":"Rickshaw simple graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Remove UI.Next"}},"Created":1520866669957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000074.png?t=1520866669"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/000074"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":951,"$1":3}},"Base62Id":"0000FL","Title":"Native JavaScript objects","Description":"Use plain JS objects directly in C#.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520856863183,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_L.png?t=1520856863"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":940,"$1":5}},"Base62Id":"0000FA","Title":"Interact with JavaScript from C#","Description":"5 ways of calling JavaScript code","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520853502337,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_A.png?t=1520853502"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FA"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1035,"$1":6}},"Base62Id":"0000Gh","Title":"C# tuples","Description":"C# tuple construction, conversions and deconstruction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852260867,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gh.png?t=1520852260"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Gh"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":978,"$1":3}},"Base62Id":"0000Fm","Title":"Singleton pattern with Lazy","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852244180,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fm.png?t=1520852244"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":964,"$1":4}},"Base62Id":"0000FY","Title":"Inheritance and override","Description":"Showing basic OO features of C# working in JavaScript","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852184273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_Y.png?t=1520852184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":579,"$1":5}},"Base62Id":"00009L","Title":"My TODO list with Template","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852150397,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_L.png?t=1520852150"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":968,"$1":3}},"Base62Id":"0000Fc","Title":"C# object and collection initializers","Description":"Property, collection and dictionary initializer syntax are supported by WebSharper, even for custom types","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852098677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fc.png?t=1520852098"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":600,"$1":2}},"Base62Id":"00009g","Title":"Printing lines","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849324440,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":587,"$1":4}},"Base62Id":"00009T","Title":"JSON type provider test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849287833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_T.png?t=1520849287"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":576,"$1":2}},"Base62Id":"00009I","Title":"D3 ContextBrushing","Description":"Demo from https:\/\/bl.ocks.org\/mbostock\/1667367","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849012193,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_I.png?t=1520849012"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":578,"$1":7}},"Base62Id":"00009K","Title":"C# charting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520847784350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_K.png?t=1520847784"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1101,"$1":3}},"Base62Id":"0000Hl","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520775947103,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hl.png?t=1520775947"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Hl"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1154,"$1":2}},"Base62Id":"0000Ic","Title":"Test with MailboxProcessor","Description":"Here it works, but by itself it fails to include reference to WebSharper.Control.js","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1519000357840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Ic"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1109,"$1":7}},"Base62Id":"0000Ht","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516700670307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ht"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1049,"$1":6}},"Base62Id":"0000Gv","Title":"error message: inner generic ...","Description":"Error message in WS 4.1 when using click2. No error message when using click.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516098144773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1108,"$1":1}},"Base62Id":"0000Hs","Title":"Str8ts Solution Reviewer","Description":"Demo of extensive use of Templates and Reactive HTML","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515508372777,"Updated":{"$V":{"$":1,"$0":1515508414563}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Hs"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1104,"$1":2}},"Base62Id":"0000Ho","Title":"async \/ ajax test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515273538840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ho"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1059,"$1":5}},"Base62Id":"0000H5","Title":"v2.Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax. v2","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508334750540,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_H5.png?t=1508334750"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000H5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1053,"$1":5}},"Base62Id":"0000Gz","Title":"Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508270631360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gz.png?t=1508270631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Gz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1051,"$1":2}},"Base62Id":"0000Gx","Title":"Class instance equality","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508154388667,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1048,"$1":1}},"Base62Id":"0000Gu","Title":"Class instance equality ","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508099879013,"Updated":{"$V":{"$":1,"$0":1508099985310}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Gu"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1025,"$1":2}},"Base62Id":"0000GX","Title":"Checkbox on click","Description":"Does not work in chrome, firefox, ie, only in Microsoft Edge","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506695911377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"StefanBelo"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/StefanBelo\/0000GX"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1024,"$1":1}},"Base62Id":"0000GW","Title":"Int32 is really int64","Description":"","UpdateNote":null,"Created":1506612452077,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":990,"$1":14}},"Base62Id":"0000Fy","Title":"Async Test (good)","Description":"Background calculations not blocking the UI update (see also the bad snipped)\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074435003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1016,"$1":5}},"Base62Id":"0000GO","Title":"Async Test (bad)","Description":"Background calculations blocking the UI update (see also the good snipped)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074416580,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":989,"$1":16}},"Base62Id":"0000Fx","Title":"Template test","Description":"Just to have a working example of templating\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506072320307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":831,"$1":2}},"Base62Id":"0000DP","Title":"InputTransform with tempate","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500631015130,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":898,"$1":3}},"Base62Id":"0000EU","Title":"Relation graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500472954720,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_U.png?t=1500472954"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":891,"$1":1}},"Base62Id":"0000EN","Title":"Dynamic tabs with Golden Layout","Description":"","UpdateNote":null,"Created":1500019315933,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":890,"$1":1}},"Base62Id":"0000EM","Title":"GoldenLayout example","Description":"","UpdateNote":null,"Created":1500019201083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":889,"$1":1}},"Base62Id":"0000EL","Title":"High score table","Description":"","UpdateNote":null,"Created":1499930635350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_L.png?t=1499930635"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":884,"$1":1}},"Base62Id":"0000EG","Title":"Intro a website","Description":"","UpdateNote":null,"Created":1499757587993,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.IntroJS","$1":["WebSharper.IntroJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_G.png?t=1499757587"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":838,"$1":2}},"Base62Id":"0000DW","Title":"AnimatedContactFlow","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499710391943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":881,"$1":1}},"Base62Id":"0000ED","Title":"Markdown parser","Description":"","UpdateNote":null,"Created":1499417990980,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_D.png?t=1499417990"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000ED"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":872,"$1":2}},"Base62Id":"0000E4","Title":"Unit operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499251405550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E4.png?t=1499251405"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":877,"$1":1}},"Base62Id":"0000E9","Title":"Parallax Scrolling with Swiper","Description":"This is the C# implementation of the example at http:\/\/idangero.us\/swiper\/demos\/28-parallax.html","UpdateNote":null,"Created":1499251257880,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E9.png?t=1499251257"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":876,"$1":1}},"Base62Id":"0000E8","Title":"Lazyloading Gallery with Swiper","Description":"This is the F# implementation of http:\/\/idangero.us\/swiper\/demos\/30-lazy-load-images.html","UpdateNote":null,"Created":1499250836840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E8.png?t=1499250836"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":874,"$1":1}},"Base62Id":"0000E6","Title":"TeX render","Description":"","UpdateNote":null,"Created":1499250503640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E6.png?t=1499250503"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":871,"$1":1}},"Base62Id":"0000E3","Title":"BigInteger operations","Description":"","UpdateNote":null,"Created":1499250417213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E3.png?t=1499250417"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":869,"$1":1}},"Base62Id":"0000E1","Title":"Complex and BigInteger","Description":"Operations with Complex and BigInteger numbers with active pattern matching.","UpdateNote":null,"Created":1499250320200,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E1.png?t=1499250320"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":867,"$1":1}},"Base62Id":"0000Dz","Title":"Vector operations","Description":"","UpdateNote":null,"Created":1499250246340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dz.png?t=1499250246"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":866,"$1":1}},"Base62Id":"0000Dy","Title":"Matrix operations","Description":"","UpdateNote":null,"Created":1499250211943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dy.png?t=1499250211"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":861,"$1":1}},"Base62Id":"0000Dt","Title":"Fraction vs. Float","Description":"","UpdateNote":null,"Created":1499249931597,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dt.png?t=1499249931"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":859,"$1":1}},"Base62Id":"0000Dr","Title":"Unit operations","Description":"","UpdateNote":null,"Created":1499249853607,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dr.png?t=1499249853"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":202,"$1":9}},"Base62Id":"00003G","Title":"Simple person formlet using UI.Next.Formlets","Description":"A simple UI.Next formlet","UpdateNote":{"$V":{"$":1,"$0":"Switched to Formlet.Do {...} to make example more clear."}},"Created":1498263633030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_G.png?t=1498263633"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":209,"$1":4}},"Base62Id":"00003N","Title":"Mapping the view of a simple reactive variable","Description":"A textbox and a label showing the text entered in all-caps.","UpdateNote":{"$V":{"$":1,"$0":"Updated code to make it clearer."}},"Created":1496956627863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_N.png?t=1496956627"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":850,"$1":1}},"Base62Id":"0000Di","Title":"MathJax","Description":"","UpdateNote":null,"Created":1496938925267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Di"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":837,"$1":1}},"Base62Id":"0000DV","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319217590,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":836,"$1":1}},"Base62Id":"0000DU","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319207460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":835,"$1":1}},"Base62Id":"0000DT","Title":"Calculator","Description":"","UpdateNote":null,"Created":1496318997697,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":834,"$1":1}},"Base62Id":"0000DS","Title":"Checkbox example","Description":"","UpdateNote":null,"Created":1496318836783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":833,"$1":1}},"Base62Id":"0000DR","Title":"EditablePersonList","Description":"","UpdateNote":null,"Created":1496318702393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":832,"$1":1}},"Base62Id":"0000DQ","Title":"PhoneExample","Description":"This example based on a tutorial that can be found in the AngularJS tutorial","UpdateNote":null,"Created":1496318552043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DQ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":830,"$1":1}},"Base62Id":"0000DO","Title":"InputTransform","Description":"","UpdateNote":null,"Created":1496310846207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":829,"$1":1}},"Base62Id":"0000DN","Title":"Animated Bobsleigh Site","Description":"","UpdateNote":null,"Created":1496309798680,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":825,"$1":2}},"Base62Id":"0000DJ","Title":"Object consistency sample","Description":"This snippet is based on this sample: https:\/\/bost.ocks.org\/mike\/constancy\/","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1495707435847,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":824,"$1":1}},"Base62Id":"0000DI","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706194270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":823,"$1":1}},"Base62Id":"0000DH","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706183737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":822,"$1":1}},"Base62Id":"0000DG","Title":"Mouse info sample","Description":"This example shows information based on the user's mouse interaction.","UpdateNote":null,"Created":1495705661767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":760,"$1":8}},"Base62Id":"0000CG","Title":"D3 force layout dragstart issue","Description":"How do I handle the dragstart event?","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1487240779503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000CG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":434,"$1":2}},"Base62Id":"000070","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485956757010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Khurram"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Khurram\/000070"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":753,"$1":2}},"Base62Id":"0000C9","Title":"Lensing\/focus problem with ListModel - 2","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601266990,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":751,"$1":2}},"Base62Id":"0000C7","Title":"Lensing\/focus problem with ListModel - 1","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601149010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":747,"$1":4}},"Base62Id":"0000C3","Title":"Lensing\/focus problem with ListModel","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485600644883,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":737,"$1":3}},"Base62Id":"0000Bt","Title":"3rd party autocomplete issue","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484346090550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":727,"$1":3}},"Base62Id":"0000Bj","Title":"Lensing\/focus problem","Description":"The DocSeqCached generated inputs lose focus after every key press.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484317537173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":723,"$1":2}},"Base62Id":"0000Bf","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":{"$V":{"$":1,"$0":"Added separating by type"}},"Created":1483253500407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Bf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":722,"$1":1}},"Base62Id":"0000Be","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":null,"Created":1483251409853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Be"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":621,"$1":3}},"Base62Id":"0000A1","Title":"Test of LineSeriesZonesCfg","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476536214533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Ragmjol"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Ragmjol\/0000A1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":611,"$1":9}},"Base62Id":"00009r","Title":"45 суток до отправления поезда","Description":"Реактивный расчет даты отправления поезда ОАО РЖД с валидацией и интерактивной обратной связью.\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476396839560,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"vlasovde@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/vlasovde~40gmail.com\/00009r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":604,"$1":1}},"Base62Id":"00009k","Title":"OnClick, increment","Description":"","UpdateNote":null,"Created":1475189199410,"Updated":{"$V":{"$":1,"$0":1475189244220}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"maestrow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/maestrow\/00009k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":441,"$1":3}},"Base62Id":"000077","Title":"Advanced example for WeSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1471423935237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000077.png?t=1471423935"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/000077"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":551,"$1":3}},"Base62Id":"00008t","Title":"Gos 01","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1465374765503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Goswin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Goswin\/00008t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":530,"$1":3}},"Base62Id":"00008Y","Title":"Array sort tests","Description":"Some basic tests for sorting arrays.","UpdateNote":{"$V":{"$":1,"$0":"Added sortBy variants"}},"Created":1462625300233,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00008_Y.png?t=1462625300"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00008Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":506,"$1":2}},"Base62Id":"00008A","Title":"navbars","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1460235375863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/00008A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":505,"$1":1}},"Base62Id":"000089","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211730240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000089"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":504,"$1":1}},"Base62Id":"000088","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211729277,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000088"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":503,"$1":1}},"Base62Id":"000087","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211728387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000087"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":502,"$1":1}},"Base62Id":"000086","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211668650,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000086"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":501,"$1":1}},"Base62Id":"000085","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211667067,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000085"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":500,"$1":1}},"Base62Id":"000084","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211666757,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000084"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":498,"$1":1}},"Base62Id":"000082","Title":"UI.Next Books","Description":"","UpdateNote":null,"Created":1460166650207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000082"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":450,"$1":7}},"Base62Id":"00007G","Title":"Momentjs example","Description":"This example shows how to use differnet locales and timezones, and the basic methods of the Moment object (like formatting).","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823526687,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_G.png?t=1458823526"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/00007G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":447,"$1":2}},"Base62Id":"00007D","Title":"UI.Next Books","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823418997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_D.png?t=1458823418"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00007D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":446,"$1":1}},"Base62Id":"00007C","Title":"Book sample","Description":"","UpdateNote":null,"Created":1458520002487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00007C"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":442,"$1":2}},"Base62Id":"000078","Title":"UI.Next ListModel example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458297748133,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000078.png?t=1458297748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000078"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":432,"$1":2}},"Base62Id":"00006y","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1457089622443,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006y.png?t=1457089622"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":425,"$1":1}},"Base62Id":"00006r","Title":"Debounce for JavaScript","Description":"","UpdateNote":null,"Created":1454856558057,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"michakun@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/michakun~40gmail.com\/00006r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":424,"$1":1}},"Base62Id":"00006q","Title":"Debounce for JavaScript","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454856165883,"Updated":{"$V":{"$":1,"$0":1454856219627}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/00006q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":416,"$1":3}},"Base62Id":"00006i","Title":"Login form with reactive piglets that disable controls","Description":"A simple login form implemented via reactive piglets, with the password box disabled if no username is given.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454733371897,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006i.png?t=1454733371"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":273,"$1":6}},"Base62Id":"00004P","Title":"Login with Piglets","Description":"Simple login piglet","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454484584773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Piglets","$1":["IntelliFactory.Reactive.dll","WebSharper.Piglets.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":400,"$1":1}},"Base62Id":"00006S","Title":"Asd","Description":"","UpdateNote":null,"Created":1453550344473,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00006S"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":142,"$1":4}},"Base62Id":"00002I","Title":"Simple Calculator","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453212631463,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_I.png?t=1453212631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00002I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":190,"$1":2}},"Base62Id":"000034","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151569677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000034.png?t=1453151569"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000034"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":241,"$1":4}},"Base62Id":"00003t","Title":"WebSharper.Data JsonProvider","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151553257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003t.png?t=1453151553"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00003t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":145,"$1":3}},"Base62Id":"00002L","Title":"Insert HTML content","Description":"Insert HTML content into the DOM using UI.Next","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452942011767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_L.png?t=1452942011"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":280,"$1":5}},"Base62Id":"00004W","Title":"JointJs sample","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452941977160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JointJS","$1":["WebSharper.JointJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_W.png?t=1452941977"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00004W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":272,"$1":2}},"Base62Id":"00004O","Title":"Composing reactive views for web forms","Description":"A simple asynchronous login form.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452893764210,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_O.png?t=1452893764"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004O"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":3}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":369,"$1":2}},"Base62Id":"00005x","Title":"Form.MapToAsyncResult example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891333247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005x.png?t=1452891333"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":96,"$1":5}},"Base62Id":"00001Y","Title":"WebPaint","Description":"An extended drawing snippet that has line width and color features.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452886079587,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Y.png?t=1452886079"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":843,"$1":1}},"Base62Id":"0000Db","Title":"Ext JS","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ExtJS","$1":["WebSharper.ExtJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/extjs.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Db"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":844,"$1":1}},"Base62Id":"0000Dc","Title":"Sencha Touch","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SenchaTouch","$1":["WebSharper.SenchaTouch.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/senchatouch.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":845,"$1":1}},"Base62Id":"0000Dd","Title":"Kendo UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.KendoUI","$1":["WebSharper.TypeScript.Lib.dll","WebSharper.KendoUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/kendoui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":846,"$1":1}},"Base62Id":"0000De","Title":"jQuery Mobile","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryMobile","$1":["WebSharper.JQuery.Mobile.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jquerymobile.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000De"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":847,"$1":1}},"Base62Id":"0000Df","Title":"jQuery UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jqueryui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Df"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":922,"$1":1}},"Base62Id":"0000Es","Title":"Todo List in C#","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list-csharp.png?t=1452882350"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/WebSharper\/0000Es"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":339,"$1":3}},"Base62Id":"00005T","Title":"Not working localized errors","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1451223702457,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Vasily Kirichenko"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Vasily~20Kirichenko\/00005T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":330,"$1":1}},"Base62Id":"00005K","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1449352684860,"Updated":{"$V":{"$":1,"$0":1452884475787}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00005K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":313,"$1":3}},"Base62Id":"000053","Title":"PeopleRegister","Description":"A small application to store data about people that survives a page refresh.","UpdateNote":{"$V":{"$":1,"$0":"Changed \"model\" to \"register\""}},"Created":1446824695620,"Updated":{"$V":{"$":1,"$0":1452884467770}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000053"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":315,"$1":2}},"Base62Id":"000055","Title":"Persistent ListModel","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446824557107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000055"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":284,"$1":2}},"Base62Id":"00004a","Title":"Attr.Dynamiclass","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446067759040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":267,"$1":1}},"Base62Id":"00004J","Title":"sitelet example","Description":"","UpdateNote":null,"Created":1445697657643,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"odin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/odin\/00004J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":261,"$1":2}},"Base62Id":"00004D","Title":"W# router (like the ui.next sample)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1445434844997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":255,"$1":3}},"Base62Id":"000047","Title":"JQueryUI with UI.Next","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444986193877,"Updated":{"$V":{"$":1,"$0":1453456520997}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000047"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":254,"$1":1}},"Base62Id":"000046","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1444942573217,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/000046"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":247,"$1":5}},"Base62Id":"00003z","Title":"Language","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444653482793,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00003z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":236,"$1":1}},"Base62Id":"00003o","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443432932957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":231,"$1":1}},"Base62Id":"00003j","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443109667247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":230,"$1":1}},"Base62Id":"00003i","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":null,"Created":1443081193040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":225,"$1":1}},"Base62Id":"00003d","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1442979278153,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00003d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":222,"$1":1}},"Base62Id":"00003a","Title":"A Simple Component","Description":"","UpdateNote":null,"Created":1442938605070,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"binf1611@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/binf1611~40gmail.com\/00003a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":104,"$1":2}},"Base62Id":"00001g","Title":"UI.Next SPA Router sample","Description":"SPA\nRouterMap\nBootstrap","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442822900857,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":208,"$1":3}},"Base62Id":"00003M","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442406171403,"Updated":{"$V":{"$":1,"$0":1452884494383}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":213,"$1":2}},"Base62Id":"00003R","Title":"Simple person piglet using UI.Next.Piglets","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442304456873,"Updated":{"$V":{"$":1,"$0":1452884493053}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003R"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":193,"$1":2}},"Base62Id":"000037","Title":"ReactForms","Description":"An attempt to a new form abstraction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441441116760,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000037"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":191,"$1":1}},"Base62Id":"000035","Title":"Prova","Description":"","UpdateNote":null,"Created":1441172437107,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000035"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":189,"$1":1}},"Base62Id":"000033","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1441143544420,"Updated":{"$V":{"$":1,"$0":1452884509550}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000033"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":147,"$1":4}},"Base62Id":"00002N","Title":"D3 intro","Description":"Basic usage of the D3 graphics library.","UpdateNote":{"$V":{"$":1,"$0":"Set references"}},"Created":1441142682287,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":178,"$1":3}},"Base62Id":"00002s","Title":"Play","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441022072987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"bananasareyellow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/bananasareyellow\/00002s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":175,"$1":2}},"Base62Id":"00002p","Title":"Todo List","Description":"Interesting..","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1440737473987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00002p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":169,"$1":1}},"Base62Id":"00002j","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":null,"Created":1440611592767,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Chester Husk III"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Chester~20Husk~20III\/00002j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":165,"$1":1}},"Base62Id":"00002f","Title":"123","Description":"","UpdateNote":null,"Created":1440608056553,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00002f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":116,"$1":1}},"Base62Id":"00001s","Title":"Navbar bootstrap","Description":"","UpdateNote":null,"Created":1439531502623,"Updated":{"$V":{"$":1,"$0":1439533283717}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":115,"$1":1}},"Base62Id":"00001r","Title":"Bug: ListModel can enter duplicate","Description":"","UpdateNote":null,"Created":1439524963367,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":114,"$1":1}},"Base62Id":"00001q","Title":"Fixed: ListModel add duplicate","Description":"Added int to id","UpdateNote":null,"Created":1439523570717,"Updated":{"$V":{"$":1,"$0":1439525106910}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":113,"$1":1}},"Base62Id":"00001p","Title":"Bug on ListModel with Json deserialize ","Description":"","UpdateNote":null,"Created":1439522709440,"Updated":{"$V":{"$":1,"$0":1439524439997}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":110,"$1":1}},"Base62Id":"00001m","Title":"Drag n drop counters","Description":"Websharper UI.Next sample drag n drop handling. Using counter to understand the flow of events called in JS.","UpdateNote":null,"Created":1439449108010,"Updated":{"$V":{"$":1,"$0":1439450137943}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001m"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":108,"$1":1}},"Base62Id":"00001k","Title":"Websharper UI.Net Ajax call to rest api","Description":"Using http:\/\/jsonplaceholder.typicode.com\/ as a test api","UpdateNote":null,"Created":1439389687527,"Updated":{"$V":{"$":1,"$0":1439489356527}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":106,"$1":1}},"Base62Id":"00001i","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1439331049070,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00001i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":84,"$1":1}},"Base62Id":"00001M","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1438710448653,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"dsyme"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/dsyme\/00001M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":73,"$1":1}},"Base62Id":"00001B","Title":"Adam's Basic Clock","Description":null,"UpdateNote":null,"Created":1438274933437,"Updated":{"$V":{"$":1,"$0":1438274951463}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001B"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":41,"$1":1}},"Base62Id":"00000f","Title":"Drawing Around","Description":null,"UpdateNote":null,"Created":1434717278830,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/drawing-around.png?t=1434717278"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":40,"$1":1}},"Base62Id":"00000e","Title":"Clock","Description":null,"UpdateNote":null,"Created":1434717217557,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/clock.png?t=1434717217"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000e"]]],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","Examples"]}},"ws1113788422":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginLayout"]}},"ws1817257530":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginButton"]}},"ws2063052562":{"$T":0,"$V":{"args":[{"$V":{"MainSite":"https:\/\/websharper.com","ForumSite":"https:\/\/forums.websharper.com","DevSite":"https:\/\/developers.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","SwiperContent"]}}}}}"> Try Websharper Try WebSharper Run Save Fork Documentation Downloads Try Online Blogs Forums Support person Try WebSharper Documentation Downloads Try Online Blogs Forums Support Samples Drawing around Pool game Clock Todo List Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile < Source Markup Comments Embed Help Result > 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PreviewHelpx Log in with:Cancel Embed it into your website Direct link Embed link Responsive frame <div style="width:100%;min-height:300px;position:relative"><iframe style="position:absolute;border:none;width:100%;height:100%" src=""></iframe><div> Connecting... Result Featured examples Todo List with F# Todo List with C# Drawing around Pool game Clock Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile Filter Refresh Name Languages check_box_outline_blank C# check_box_outline_blank F# Libraries check_box_outline_blank Name check_box_outline_blank ChartJs check_box_outline_blank Charting check_box_outline_blank Cytoscape check_box_outline_blank D3 check_box_outline_blank Data check_box_outline_blank Dojo check_box_outline_blank ExtJS check_box_outline_blank Forms check_box_outline_blank Forms.Bootstrap check_box_outline_blank GlMatrix check_box_outline_blank GoldenLayout check_box_outline_blank Google.CodePrettify check_box_outline_blank Google.Visualization check_box_outline_blank HammerJS check_box_outline_blank Highcharts check_box_outline_blank Html check_box_outline_blank IntroJS check_box_outline_blank JQueryMobile check_box_outline_blank JQueryUI check_box_outline_blank JointJS check_box_outline_blank KendoUI check_box_outline_blank MaterialUI check_box_outline_blank MathJS check_box_outline_blank MathJax check_box_outline_blank MediumEditor check_box_outline_blank Moment check_box_outline_blank Mvu check_box_outline_blank O3D check_box_outline_blank Peity check_box_outline_blank Piglets check_box_outline_blank Raphael check_box_outline_blank Rappid check_box_outline_blank React check_box_outline_blank Remarkable check_box_outline_blank Rickshaw check_box_outline_blank SenchaTouch check_box_outline_blank SlickGrid check_box_outline_blank SweetAlert check_box_outline_blank Swiper check_box_outline_blank UI check_box_outline_blank UI.Formlets check_box_outline_blank UI.Next check_box_outline_blank UI.Next.Piglets Authors check_box_outline_blank Name check_box_outline_blank adam.granicz (43) check_box_outline_blank JankoA (31) check_box_outline_blank loic.denuziere (24) check_box_outline_blank setr (19) check_box_outline_blank Lamk (16) check_box_outline_blank jooseppi (16) check_box_outline_blank user3383 (15) check_box_outline_blank user3359 (15) check_box_outline_blank qwe2 (15) check_box_outline_blank WebSharper (11) check_box_outline_blank sandorr (8) check_box_outline_blank Martin 000 (8) check_box_outline_blank adam.abonyi-toth (7) check_box_outline_blank Badmoonz (7) check_box_outline_blank user3343 (4) check_box_outline_blank Andreas Vilinski (4) check_box_outline_blank user3332 (3) check_box_outline_blank gergely.fabian (3) check_box_outline_blank user4207 (3) check_box_outline_blank user5892 (2) check_box_outline_blank user3850 (2) check_box_outline_blank Dark_Clark (2) check_box_outline_blank Anton Tayanovskyy (2) check_box_outline_blank malbertife (2) check_box_outline_blank Try WebSharper (2) check_box_outline_blank user4032 (1) check_box_outline_blank user3950 (1) check_box_outline_blank user3896 (1) check_box_outline_blank user3329 (1) check_box_outline_blank imranypatel@gmail.com (1) check_box_outline_blank user3757 (1) check_box_outline_blank user3735 (1) check_box_outline_blank user3546 (1) check_box_outline_blank user3530 (1) check_box_outline_blank user3303 (1) check_box_outline_blank StefanBelo (1) check_box_outline_blank Khurram (1) check_box_outline_blank Ragmjol (1) check_box_outline_blank vlasovde@gmail.com (1) check_box_outline_blank maestrow (1) check_box_outline_blank Goswin (1) check_box_outline_blank michakun@gmail.com (1) check_box_outline_blank Vasily Kirichenko (1) check_box_outline_blank odin (1) check_box_outline_blank binf1611@gmail.com (1) check_box_outline_blank bananasareyellow (1) check_box_outline_blank Chester Husk III (1) check_box_outline_blank dsyme (1) All snippets showing top 36 matches GlobalNation1 (doesn't compile) GlobalNations The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results. rock_paper_scissors F# + WebSharper to create a simple rock paper scissors game vs computer. (doesn't compile) Joke_Generator A simple app using a randomizer to give you a good joke and make your day better! Are lenses on record fields updated each time another lens is updated? Are lenses on record fields updated each time another lens is updated? ListModel.Doc updates all not only changes ListModel.Doc updates all not only changes Forms with currency using decimal and units of measure This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms Forms with currency using decimal and units of measure Todo List in F# Discard empty task names and always trim task names classDynPredBoth MVU + WebSharper.UI-based File Uploader Component Simple reactive file uploader component built using MVU architecture. MVU + WebSharper.UI-based File Uploader Component IP Project Tracker form with Submit WebSharper.Forms (Piglets) for collections example (https://github.com/intellifactory/websharper.forms/blob/master/docs/Introduction.md#piglets-for-collections) IP Project Tracker form with Submit UI Tic-Tac-Toe Port to UI of the Tic-Tac-Toe from the Intro to React tutorial. Testing custom Json convert See https://github.com/dotnet-websharper/core/issues/1127 Testing custom Json convert WebSharper.Forms WithSubmit test WebSharper.Forms WithSubmit test WSReactDatePicker react-datepicker component imported in WebSharper React React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI React hooks mixed with UI React hooks React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel React Sample Example of W# React React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel Google Visualization Hello world Hello world with WebSharper UI View.MapCachedBy and ListModel Demo View.MapCachedBy and ListModel Demo MVU with subpages attempt An attempt to implement MVU-based app with a tree of pages. MVU with subpages attempt Including a WS.UI Doc inside a WS.Html Element Including a WS.UI Doc inside a WS.Html Element Pythagorean Tree Creating a randomized Pythagorean tree using F# and HTML5 canvas Doc.SelectOptional - proposed fix relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional - proposed fix Doc.SelectOptional to be fixed relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional to be fixed F# Delayed function Demonstrates the use of a delayed action when typing into a text input F# Async cancellation F# Async cancellation Focus problem - nested ListModels Focus problem - nested ListModels Error in dynamic attribute Error in dynamic attribute Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue (version with bootstrap modal) Mock up for SelectDynOptional issue (version with bootstrap modal) A simple reactive formlet - Bug Repro A simple reactive formlet - Bug Repro Show more C# F# Import Gist Gist URL Invalid Gist URL Import Gist Gist URL Invalid Gist URL Keybindings Keybinding Action Ctrl-D Command-D Alt-Shift-Down Command-Option-Down Alt-Shift-Up Command-Option-Up Alt-Down Option-Down Alt-Up Option-Up Alt-Delete Command-K Alt-Backspace Command-Backspace Ctrl-Backspace Option-Backspace Ctrl-Delete Option-Delete Ctrl-, Command-, Ctrl-/ Command-/ Alt-L Command-Option-L Alt-Shift-L Command-Option-Shift-L Ctrl-F Command-F Ctrl-H Command-Option-F Ctrl-L Command-L Remove line Copy lines down Copy lines up Move lines down Move lines up Remove to line end Remove to line start Remove word left Remove word right Show settings Toggle comment Fold selection Unfold selection Find Replace Go to line X We are logging you in. Please be patient. This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.Read our Cookie PolicyAccept cookiesRefuse cookies xMarkdown CheatsheetYou can use a subset of standard Markdown syntax for formatting your message.Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 --- Emphasis *italics* or _italics_ **bold** or __bold__ **_combined_** Lists 1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses Links [inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage") Images  Code Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world" Tables | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | Blockquotes > Blockquotes are very handy. > This won't break line. Horizontal Rule Three or more... --- Hyphens *** Asterisks ___ Underscores Line BreaksOne new line will not start a new paragraph or break the line. For that use two or more newlines.Source and more detailed information.
\r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n
<\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2?id=main"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","UI","Control","ClientInternal","Body"]}},"ws1791212022":{"$T":0,"$V":{"args":[],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","TitleContent"]}},"ws626363109":{"$T":0,"$V":{"args":[{"$V":{"HtmlCode":{"$V":{"$":0,"$0":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","RunPage"]}},"ws1841753244":{"$T":0,"$V":{"args":["\r\n \r\n \r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with F#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with C#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Drawing around<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Pool game<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Clock<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Google Visualization<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Ext JS<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Sencha Touch<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Kendo UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery Mobile<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n Documentation<\/a>\r\n Downloads<\/a>\r\n Try Online<\/a>\r\n Blogs<\/a>\r\n Forums<\/a>\r\n Support<\/a>\r\n<\/nav>"],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","FeaturedSwiper"]}},"ws251830965":{"$T":0,"$V":{"args":[[[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2418,"$1":1}},"Base62Id":"0000d0","Title":"GlobalNation1","Description":"","UpdateNote":null,"Created":1715336127987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user5892\/0000d0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2413,"$1":1}},"Base62Id":"0000cv","Title":"GlobalNations","Description":"The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results.","UpdateNote":null,"Created":1715281171960,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user5892\/0000cv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2383,"$1":24}},"Base62Id":"0000cR","Title":"rock_paper_scissors","Description":"F# + WebSharper to create a simple rock paper scissors game vs computer.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714714801950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4032"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user4032\/0000cR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2373,"$1":1}},"Base62Id":"0000cH","Title":"Joke_Generator","Description":"A simple app using a randomizer to give you a good joke and make your day better!\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714671713303,"Updated":{"$V":{"$":1,"$0":1714671959207}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000cH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2244,"$1":2}},"Base62Id":"0000aC","Title":"Are lenses on record fields updated each time another lens is updated?","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1687528464023,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000aC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2238,"$1":3}},"Base62Id":"0000a6","Title":"ListModel.Doc updates all not only changes","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1685017602890,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000a6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2191,"$1":4}},"Base62Id":"0000ZL","Title":"Forms with currency using decimal and units of measure","Description":"This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1671567510137,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3950"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3950\/0000ZL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2081,"$1":2}},"Base62Id":"0000XZ","Title":"Todo List in F#","Description":"Discard empty task names and always trim task names","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1632048665513,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3896"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3896\/0000XZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2074,"$1":2}},"Base62Id":"0000XS","Title":"classDynPredBoth","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1628698773110,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3329"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3329\/0000XS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1710,"$1":15}},"Base62Id":"0000Ra","Title":"MVU + WebSharper.UI-based File Uploader Component","Description":"Simple reactive file uploader component built using MVU architecture.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1627722238850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ra.png?t=1627722238"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ra"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2060,"$1":6}},"Base62Id":"0000XE","Title":"IP Project Tracker form with Submit","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1623162204853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"imranypatel@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/imranypatel~40gmail.com\/0000XE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1041,"$1":14}},"Base62Id":"0000Gn","Title":"UI Tic-Tac-Toe","Description":"Port to UI of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":"Add draw detection"}},"Created":1623143521257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gn.png?t=1623143521"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Gn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2000,"$1":1}},"Base62Id":"0000WG","Title":"Testing custom Json convert","Description":"See https:\/\/github.com\/dotnet-websharper\/core\/issues\/1127","UpdateNote":null,"Created":1620808701160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000WG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":437,"$1":2}},"Base62Id":"000073","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1620124508350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000073"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1960,"$1":15}},"Base62Id":"0000Vc","Title":"WSReactDatePicker","Description":"react-datepicker component imported in WebSharper React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1601211626073,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Vc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1951,"$1":8}},"Base62Id":"0000VT","Title":"React hooks mixed with UI the other way around: setting React from UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600521048467,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1947,"$1":5}},"Base62Id":"0000VP","Title":"React hooks mixed with UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600512338307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1946,"$1":1}},"Base62Id":"0000VO","Title":"React hooks","Description":"","UpdateNote":null,"Created":1600277512013,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000VO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1897,"$1":9}},"Base62Id":"0000Ub","Title":"React Grouping","Description":"\nExample of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600250241827,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ub"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1849,"$1":8}},"Base62Id":"0000Tp","Title":"React Sample","Description":"Example of W# React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600010700907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1855,"$1":29}},"Base62Id":"0000Tv","Title":"React Grouping","Description":"Example of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600004689907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":370,"$1":2}},"Base62Id":"00005y","Title":"Google Visualization","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1596618395480,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Google.Visualization","$1":["WebSharper.Google.Visualization.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/google-vis.png?t=1596618395"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00005y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":201,"$1":4}},"Base62Id":"00003F","Title":"Hello world","Description":"Hello world with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Updated old snippet to now use an RV."}},"Created":1590798784213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00003_F.png?t=1590798784"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003F"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1734,"$1":3}},"Base62Id":"0000Ry","Title":"View.MapCachedBy and ListModel Demo","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1589572791970,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ry.png?t=1589572791"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ry"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1724,"$1":10}},"Base62Id":"0000Ro","Title":"MVU with subpages attempt","Description":"An attempt to implement MVU-based app with a tree of pages.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588857583203,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ro"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1722,"$1":2}},"Base62Id":"0000Rm","Title":"Including a WS.UI Doc inside a WS.Html Element","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588636353727,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Rm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1696,"$1":4}},"Base62Id":"0000RM","Title":"Pythagorean Tree","Description":"Creating a randomized Pythagorean tree using F# and HTML5 canvas","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1586784421773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3757"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R_M.png?t=1586784421"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3757\/0000RM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1687,"$1":4}},"Base62Id":"0000RD","Title":"Doc.SelectOptional - proposed fix","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581866145157,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1686,"$1":1}},"Base62Id":"0000RC","Title":"Doc.SelectOptional to be fixed","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":null,"Created":1581849533173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1678,"$1":8}},"Base62Id":"0000R4","Title":"F# Delayed function","Description":"Demonstrates the use of a delayed action when typing into a text input","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581575162267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R4.png?t=1581575162"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000R4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1677,"$1":1}},"Base62Id":"0000R3","Title":"F# Async cancellation","Description":"","UpdateNote":null,"Created":1581520626737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000R3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1615,"$1":16}},"Base62Id":"0000Q3","Title":"Focus problem - nested ListModels","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1579853623783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3735"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3735\/0000Q3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1067,"$1":5}},"Base62Id":"0000HD","Title":"Error in dynamic attribute","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1576176434987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000HD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1601,"$1":2}},"Base62Id":"0000Pp","Title":"Mock up for SelectDynOptional issue - done!","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575913233123,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1596,"$1":3}},"Base62Id":"0000Pk","Title":"Mock up for SelectDynOptional issue (version with bootstrap modal)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575912712523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1590,"$1":2}},"Base62Id":"0000Pe","Title":"A simple reactive formlet - Bug Repro","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575536247390,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pe"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1581,"$1":2}},"Base62Id":"0000PV","Title":"F# 4.7 implicit yield","Description":"Constructing list with implicit yields","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570778745420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000PV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1571,"$1":2}},"Base62Id":"0000PL","Title":"Type Matching over Record Types","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570044930603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1562,"$1":7}},"Base62Id":"0000PC","Title":"Simple Calculator with Today UTC","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1569091310233,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1557,"$1":5}},"Base62Id":"0000P7","Title":"Date, DateTime and TimeSpan and UTC","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date. \n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1568898529813,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/user3383\/0000P7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1556,"$1":1}},"Base62Id":"0000P6","Title":"Minimal progressbar with inline javascript ","Description":"This snippet uses nanobar (https:\/\/github.com\/jacoborus\/nanobar)","UpdateNote":null,"Created":1568620741777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P6.png?t=1568620741"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1551,"$1":1}},"Base62Id":"0000P1","Title":"Pikaday datepicker example with Inline methods","Description":"","UpdateNote":null,"Created":1567066881627,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P1.png?t=1567066881"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1545,"$1":2}},"Base62Id":"0000Ov","Title":"[V blog] separate Vars composed with an Async function","Description":"Simulating a DB retrieval with View.MapAsync2","UpdateNote":{"$V":{"$":1,"$0":"https:\/\/gitter.im\/intellifactory\/websharper?at=5d64e409c8228962acd09ceb"}},"Created":1566898922600,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ov"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":860,"$1":2}},"Base62Id":"0000Ds","Title":"Complex operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565596072120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ds.png?t=1565596072"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Ds"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":880,"$1":3}},"Base62Id":"0000EC","Title":"Markdown parser with syntax highlighting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565250978707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_C.png?t=1565250978"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000EC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1533,"$1":3}},"Base62Id":"0000Oj","Title":"C# View.MapAsync example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646717913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Oj.png?t=1564646717"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Oj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1527,"$1":7}},"Base62Id":"0000Od","Title":"View.MapAsyncLoading example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646712743,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Od.png?t=1564646712"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Od"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1525,"$1":2}},"Base62Id":"0000Ob","Title":"LINQ with anonymous records","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563781837010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ob"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":902,"$1":3}},"Base62Id":"0000EY","Title":"Kruskal algorithm","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563263846613,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Y.png?t=1563263846"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":903,"$1":2}},"Base62Id":"0000EZ","Title":"Visual graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562745122167,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Z.png?t=1562745122"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1278,"$1":5}},"Base62Id":"0000Kc","Title":"MVU Paging","Description":"Use View.DocSeqCached","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562682853427,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1518,"$1":2}},"Base62Id":"0000OU","Title":"C# HTML inputs","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562279811240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000OU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":873,"$1":2}},"Base62Id":"0000E5","Title":"Swiper Android-Style Tabs","Description":"In this snippet we will make an Android-style tab system with the power of Swiper, CSS3 and of course WebSharper.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562140389030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E5.png?t=1562140389"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":892,"$1":5}},"Base62Id":"0000EO","Title":"Markdown Editor with Preview - Golden Layout","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562053396347,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":948,"$1":3}},"Base62Id":"0000FI","Title":"Task Cancellation","Description":"Demonstrate async Task cancellation on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1561361701717,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_I.png?t=1561361701"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":868,"$1":5}},"Base62Id":"0000E0","Title":"Swiper - Reactive Slide Index","Description":"In this snippet you can see how you can interact with the active slide index in a reactive manner.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560930472740,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E0.png?t=1560930472"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":862,"$1":3}},"Base62Id":"0000Du","Title":"AsciiMath render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757594407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Du.png?t=1560757594"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Du"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":863,"$1":2}},"Base62Id":"0000Dv","Title":"MathML render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757560117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dv.png?t=1560757560"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":864,"$1":3}},"Base62Id":"0000Dw","Title":"TeX render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757524263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dw.png?t=1560757524"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":870,"$1":3}},"Base62Id":"0000E2","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848231520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E2.png?t=1559848231"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E2"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1494,"$1":3}},"Base62Id":"0000O6","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848184817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O6.png?t=1559848184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":950,"$1":4}},"Base62Id":"0000FK","Title":"Erased unions","Description":"Demonstrate how to return a value of multiple possible types in a type-safe way without the runtime cost of a wrapper such as FSharpChoice.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559548403787,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_K.png?t=1559548403"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1488,"$1":4}},"Base62Id":"0000O0","Title":"D3 World Tour","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255894120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O0.png?t=1559255894"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":597,"$1":7}},"Base62Id":"00009d","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255814837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009d.png?t=1559255814"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":907,"$1":7}},"Base62Id":"0000Ed","Title":"Nicer popup boxes with SweetAlert","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559084194837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ed.png?t=1559084194"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000Ed"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1485,"$1":1}},"Base62Id":"0000Nx","Title":"Popup boxes with SweetAlert","Description":"","UpdateNote":null,"Created":1559084146830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Nx.png?t=1559084146"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Nx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1484,"$1":1}},"Base62Id":"0000Nw","Title":"Visualizing Dijkstra algorithm","Description":"","UpdateNote":null,"Created":1559033232833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000Nw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1090,"$1":3}},"Base62Id":"0000Ha","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339765040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ha"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1091,"$1":3}},"Base62Id":"0000Hb","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339761523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hb.png?t=1558339761"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Hb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1467,"$1":7}},"Base62Id":"0000Nf","Title":"React Grid Layout","Description":"Create a simple grid using react-grid-layout","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558084661107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Nf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1465,"$1":1}},"Base62Id":"0000Nd","Title":"Advanced example for WebSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1557960713723,"Updated":{"$V":{"$":1,"$0":1557962234603}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Nd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1454,"$1":3}},"Base62Id":"0000NS","Title":"Vue.js GridComponent sample","Description":"Conversion of a Vue.js sample using anonymous F# records","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1553636218910,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1446,"$1":1}},"Base62Id":"0000NK","Title":"F# Anonymous records","Description":"Shows using F# anonymous records in JavaSript translation","UpdateNote":null,"Created":1551200039373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_N_K.png?t=1551200039"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":274,"$1":9}},"Base62Id":"00004Q","Title":"Login form with reactive piglets","Description":"A simple login form implemented via reactive piglets.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI from UI.Next."}},"Created":1551119786403,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_Q.png?t=1551119786"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":290,"$1":17}},"Base62Id":"00004g","Title":"Login with reactive piglets + Bootstrap","Description":"Updated to use UI and Forms","UpdateNote":{"$V":{"$":1,"$0":"Fixed typo."}},"Created":1551117705107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":435,"$1":4}},"Base62Id":"000071","Title":"Random line charts","Description":"Three random line charts using Rickshaw","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085325623,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000071.png?t=1548085325"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000071"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":118,"$1":5}},"Base62Id":"00001u","Title":"Reactive input","Description":"Shows how to map text input as it is entered","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085253100,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001u.png?t=1548085253"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":428,"$1":3}},"Base62Id":"00006u","Title":"Mini charts","Description":"A mini chart that updates automatically and another on demand.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085097923,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Peity","$1":["WebSharper.Peity.dll","WebSharper.Peity.Bindings.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006u.png?t=1548085097"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":103,"$1":5}},"Base62Id":"00001f","Title":"Live chart","Description":"Show the mean of random data over time","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084999663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001f.png?t=1548084999"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":404,"$1":3}},"Base62Id":"00006W","Title":"Responsive chart","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084989163,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006_W.png?t=1548084989"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":127,"$1":4}},"Base62Id":"000023","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084547117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000023.png?t=1548084547"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000023"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":264,"$1":5}},"Base62Id":"00004G","Title":"Charting Sample with WebSharper.UI","Description":"A simple snippet showcasing WebSharper.Charting and WebSharper.UI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084520850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":265,"$1":2}},"Base62Id":"00004H","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084055460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004H"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":223,"$1":3}},"Base62Id":"00003b","Title":"Client-side Data Charting - Tertiary School Enrollment","Description":"Historic Tertiary School Enrollment chart for Austria\/Hungary\/UK\/US using WebSharper.Data and WebSharper.Charting","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548083624377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003b"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1325,"$1":7}},"Base62Id":"0000LN","Title":"WebComponents","Description":"Custom Element with one way communication","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1544016748270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_L_N.png?t=1544016748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1410,"$1":2}},"Base62Id":"0000Mk","Title":"Todo List MVU","Description":"Material UI + UI websharper + F# =)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1543091612670,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3546"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mk.png?t=1543091612"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3546\/0000Mk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1406,"$1":2}},"Base62Id":"0000Mg","Title":"Button group","Description":"Create a group of buttons that behave like a RadioGroup","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1542220752553,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mg.png?t=1542220752"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Mg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1402,"$1":2}},"Base62Id":"0000Mc","Title":"MVU Paging","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Fixed original template (it didn't compile): created input via `Doc.Input` instead of `input` to associate it with `inpVar: Var` which has a property `Value`"}},"Created":1541500382420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Mc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1395,"$1":2}},"Base62Id":"0000MV","Title":"Views for validation experiment","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1539337212533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3530"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3530\/0000MV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":112,"$1":5}},"Base62Id":"00001o","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI instead of UI.Next"}},"Created":1538143523047,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001o.png?t=1538143523"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":88,"$1":5}},"Base62Id":"00001Q","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536307107360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Q.png?t=1536307107"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":905,"$1":3}},"Base62Id":"0000Eb","Title":"Medium Editor","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536259374363,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MediumEditor","$1":["WebSharper.MediumEditor.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Eb.png?t=1536259374"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Eb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":804,"$1":4}},"Base62Id":"0000Cy","Title":"Person's pets form","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536255076340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Cy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":855,"$1":2}},"Base62Id":"0000Dn","Title":"Positive int input form","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254842950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Dn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":307,"$1":9}},"Base62Id":"00004x","Title":"Login with WebSharper.Forms.Bootstrap","Description":"Reactive login form with validation and feedback ","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254719603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004x.png?t=1536254719"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":39,"$1":2}},"Base62Id":"00000d","Title":"Pool Game","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536252570817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.O3D","$1":["WebSharper.O3D.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/pool-game.png?t=1536252570"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":154,"$1":7}},"Base62Id":"00002U","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535562292267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002U"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":219,"$1":3}},"Base62Id":"00003X","Title":"A Simple Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561992413,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003X"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":220,"$1":2}},"Base62Id":"00003Y","Title":"A Stateful Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561851820,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":221,"$1":2}},"Base62Id":"00003Z","Title":"Client-side routing","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561729460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":326,"$1":3}},"Base62Id":"00005G","Title":"to-do list","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561668713,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00005G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":196,"$1":3}},"Base62Id":"00003A","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561618487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1357,"$1":8}},"Base62Id":"0000Lt","Title":"React Tic-Tac-Toe","Description":"Port to WebSharper.React of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561571777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Lt.png?t=1535561571"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Lt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1351,"$1":6}},"Base62Id":"0000Ln","Title":"MVU Tic-Tac-Toe","Description":"Port to WebSharper.Mvu of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1534429511640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ln.png?t=1534429511"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Ln"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1346,"$1":2}},"Base62Id":"0000Li","Title":"MVU TodoMVC without templating","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533894962707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Li"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1285,"$1":7}},"Base62Id":"0000Kj","Title":"MVU TodoMVC","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":"Thanks to routing, filters don't need event handlers, href is enough."}},"Created":1533894714357,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kj.png?t=1533894714"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":42,"$1":2}},"Base62Id":"00000g","Title":"Todo List in F#","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533831689273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list.png?t=1533831689"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1339,"$1":3}},"Base62Id":"0000Lb","Title":"WithAttrs not found in JavaScript","Description":"A couple of issues with Elt object","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1530865990373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Lb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1321,"$1":2}},"Base62Id":"0000LJ","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525868678037,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1316,"$1":5}},"Base62Id":"0000LE","Title":"WebComponents","Description":"WebComponents with WebSharper Templates","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525867026083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1310,"$1":4}},"Base62Id":"0000L8","Title":"MVU TodoMVC with consistenView","Description":"TodoMVC using WebSharper.Mvu improved to avoid unnecessary rendering","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524948840270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000L8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":944,"$1":3}},"Base62Id":"0000FE","Title":"LINQ query expressions","Description":"Demonstrate C# LINQ query expressions and methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506818477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_E.png?t=1524506818"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":942,"$1":3}},"Base62Id":"0000FC","Title":"Date, DateTime and TimeSpan","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506801387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_C.png?t=1524506801"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":947,"$1":3}},"Base62Id":"0000FH","Title":"Await Task","Description":"Demonstrate async\/await Tasks on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506764043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_H.png?t=1524506764"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":941,"$1":3}},"Base62Id":"0000FB","Title":"GUID manipulation","Description":"Demonstrate using the type System.Guid on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506735090,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_B.png?t=1524506735"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FB"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":949,"$1":2}},"Base62Id":"0000FJ","Title":"Iterator with yield","Description":"Demonstrate using the yield keyword in C# on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506694127,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_J.png?t=1524506694"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":946,"$1":2}},"Base62Id":"0000FG","Title":"C# 7 Pattern Matching","Description":"Demonstrate C# 7 pattern matching on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504212447,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_G.png?t=1524504212"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":945,"$1":2}},"Base62Id":"0000FF","Title":"String Formatting","Description":"Demonstrate string formatting on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504025503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_F.png?t=1524504025"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FF"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":943,"$1":2}},"Base62Id":"0000FD","Title":"System.Array","Description":"Demonstrate the System.Array methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524503950520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_D.png?t=1524503950"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":979,"$1":5}},"Base62Id":"0000Fn","Title":"C# events and delegates","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524474420690,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fn.png?t=1524474420"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":237,"$1":8}},"Base62Id":"00003p","Title":"Workbook: Tertiary School Enrollment and GDP Per Capita","Description":"Workbook to compare Tertiary School Enrollment and GDP Per Capita figures for various EU countries and the US.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524139518677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003p.png?t=1524139518"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":211,"$1":4}},"Base62Id":"00003P","Title":"A simple reactive formlet","Description":"Simple person formlet using UI.Next.Formlets with Vars","UpdateNote":{"$V":{"$":1,"$0":"Converted to WS UI"}},"Created":1524139484830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_P.png?t=1524139484"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1291,"$1":1}},"Base62Id":"0000Kp","Title":"F# union JSON serialization","Description":"","UpdateNote":null,"Created":1524054826587,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kp.png?t=1524054826"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Kp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1290,"$1":1}},"Base62Id":"0000Ko","Title":"Inheritance test","Description":"","UpdateNote":null,"Created":1523997090393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ko.png?t=1523997090"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ko"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1282,"$1":3}},"Base62Id":"0000Kg","Title":"MVU: List of counters","Description":"Composing MVU components into a larger application","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523951903477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kg.png?t=1523951903"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1281,"$1":1}},"Base62Id":"0000Kf","Title":"MVU: Simple Counter","Description":"The most basic example of the MVU architecture","UpdateNote":null,"Created":1523949770507,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kf.png?t=1523949770"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":577,"$1":5}},"Base62Id":"00009J","Title":"Drawing around","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523872349303,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_J.png?t=1523872349"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1254,"$1":7}},"Base62Id":"0000KE","Title":"Current LensInto with bindVar, lensInto', lensView","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522620033407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000KE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1239,"$1":3}},"Base62Id":"0000Jz","Title":"DocLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586933967,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Jz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1241,"$1":3}},"Base62Id":"0000K1","Title":"MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586904747,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1245,"$1":10}},"Base62Id":"0000K5","Title":"Current LensInto with bindVar","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586009383,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1243,"$1":2}},"Base62Id":"0000K3","Title":"ListModel DocLens & MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522544327703,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1231,"$1":6}},"Base62Id":"0000Jr","Title":"Counter","Description":"A simple counter using the Model-View-Update pattern with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Made the separation between updating the model and Bind() clearer"}},"Created":1522257034663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jr.png?t=1522257034"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":168,"$1":5}},"Base62Id":"00002i","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":"Adapt to WebSharper.D3 API changes"}},"Created":1522246383803,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00002i.png?t=1522246383"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1227,"$1":2}},"Base62Id":"0000Jn","Title":"Login with Bulma","Description":"Simple login panel using Bulma and UI templating.","UpdateNote":{"$V":{"$":1,"$0":"Replaced DynamicClassPred with ClassPred and the V notation"}},"Created":1521847183340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jn.png?t=1521847183"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1223,"$1":3}},"Base62Id":"0000Jj","Title":"SlickGrid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1521042101660,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.SlickGrid","$1":["WebSharper.SlickGrid.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3303"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jj.png?t=1521042101"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3303\/0000Jj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":608,"$1":3}},"Base62Id":"00009o","Title":"Highcharts","Description":"The standard Highcharts sample with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520997596517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00009o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1218,"$1":2}},"Base62Id":"0000Je","Title":"Charting with Chart.js","Description":"Simple charts with Chart.js","UpdateNote":{"$V":{"$":1,"$0":"Moving open's to the top"}},"Created":1520997057797,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ChartJs","$1":["WebSharper.ChartJs.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Je.png?t=1520997057"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Je"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1217,"$1":1}},"Base62Id":"0000Jd","Title":"Raphael demo","Description":"Basic rendering with Raphael","UpdateNote":null,"Created":1520996406907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Raphael","$1":["WebSharper.JQueryUI.dll","WebSharper.Raphael.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jd.png?t=1520996406"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1212,"$1":2}},"Base62Id":"0000JY","Title":"WebGL rotating a logo","Description":"Simple snippet to load an image and rotate it using WebGL","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520973872517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.GlMatrix","$1":["WebSharper.GlMatrix.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1210,"$1":2}},"Base62Id":"0000JW","Title":"LocalStorage","Description":"Simple test to write and read values to the client's LocalStorage","UpdateNote":{"$V":{"$":1,"$0":"Moved incrementing value out of the event handler"}},"Created":1520972525027,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_W.png?t=1520972525"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1208,"$1":2}},"Base62Id":"0000JU","Title":"Geolocation","Description":"Simple example that shows how to retrieve the client's location (needs https)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520970818263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_U.png?t=1520970818"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1207,"$1":1}},"Base62Id":"0000JT","Title":"Plotting functions","Description":"Simple form to collect data for plotting functions","UpdateNote":null,"Created":1520969879237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_T.png?t=1520969879"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1206,"$1":1}},"Base62Id":"0000JS","Title":"Canvas","Description":"Basic HTML5 Canvas example","UpdateNote":null,"Created":1520967874913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_S.png?t=1520967874"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1200,"$1":4}},"Base62Id":"0000JM","Title":"Calculations with templating","Description":"Computing the factorial based on a templated form","UpdateNote":{"$V":{"$":1,"$0":"Fixed setting the value of the output \"pre\" tag"}},"Created":1520967559003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_M.png?t=1520967559"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1199,"$1":2}},"Base62Id":"0000JL","Title":"Calculations","Description":"Fixed snippet to run","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520948636260,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1202,"$1":1}},"Base62Id":"0000JO","Title":"Toggle Panel","Description":"","UpdateNote":null,"Created":1520905708860,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":444,"$1":3}},"Base62Id":"00007A","Title":"HammerJS example","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Convert from UI.Next to UI"}},"Created":1520866747380,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.HammerJS","$1":["WebSharper.HammerJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_A.png?t=1520866747"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/00007A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":438,"$1":3}},"Base62Id":"000074","Title":"Rickshaw simple graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Remove UI.Next"}},"Created":1520866669957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000074.png?t=1520866669"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/000074"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":951,"$1":3}},"Base62Id":"0000FL","Title":"Native JavaScript objects","Description":"Use plain JS objects directly in C#.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520856863183,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_L.png?t=1520856863"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":940,"$1":5}},"Base62Id":"0000FA","Title":"Interact with JavaScript from C#","Description":"5 ways of calling JavaScript code","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520853502337,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_A.png?t=1520853502"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FA"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1035,"$1":6}},"Base62Id":"0000Gh","Title":"C# tuples","Description":"C# tuple construction, conversions and deconstruction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852260867,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gh.png?t=1520852260"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Gh"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":978,"$1":3}},"Base62Id":"0000Fm","Title":"Singleton pattern with Lazy","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852244180,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fm.png?t=1520852244"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":964,"$1":4}},"Base62Id":"0000FY","Title":"Inheritance and override","Description":"Showing basic OO features of C# working in JavaScript","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852184273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_Y.png?t=1520852184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":579,"$1":5}},"Base62Id":"00009L","Title":"My TODO list with Template","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852150397,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_L.png?t=1520852150"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":968,"$1":3}},"Base62Id":"0000Fc","Title":"C# object and collection initializers","Description":"Property, collection and dictionary initializer syntax are supported by WebSharper, even for custom types","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852098677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fc.png?t=1520852098"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":600,"$1":2}},"Base62Id":"00009g","Title":"Printing lines","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849324440,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":587,"$1":4}},"Base62Id":"00009T","Title":"JSON type provider test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849287833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_T.png?t=1520849287"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":576,"$1":2}},"Base62Id":"00009I","Title":"D3 ContextBrushing","Description":"Demo from https:\/\/bl.ocks.org\/mbostock\/1667367","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849012193,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_I.png?t=1520849012"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":578,"$1":7}},"Base62Id":"00009K","Title":"C# charting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520847784350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_K.png?t=1520847784"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1101,"$1":3}},"Base62Id":"0000Hl","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520775947103,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hl.png?t=1520775947"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Hl"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1154,"$1":2}},"Base62Id":"0000Ic","Title":"Test with MailboxProcessor","Description":"Here it works, but by itself it fails to include reference to WebSharper.Control.js","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1519000357840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Ic"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1109,"$1":7}},"Base62Id":"0000Ht","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516700670307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ht"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1049,"$1":6}},"Base62Id":"0000Gv","Title":"error message: inner generic ...","Description":"Error message in WS 4.1 when using click2. No error message when using click.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516098144773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1108,"$1":1}},"Base62Id":"0000Hs","Title":"Str8ts Solution Reviewer","Description":"Demo of extensive use of Templates and Reactive HTML","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515508372777,"Updated":{"$V":{"$":1,"$0":1515508414563}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Hs"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1104,"$1":2}},"Base62Id":"0000Ho","Title":"async \/ ajax test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515273538840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ho"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1059,"$1":5}},"Base62Id":"0000H5","Title":"v2.Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax. v2","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508334750540,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_H5.png?t=1508334750"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000H5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1053,"$1":5}},"Base62Id":"0000Gz","Title":"Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508270631360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gz.png?t=1508270631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Gz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1051,"$1":2}},"Base62Id":"0000Gx","Title":"Class instance equality","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508154388667,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1048,"$1":1}},"Base62Id":"0000Gu","Title":"Class instance equality ","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508099879013,"Updated":{"$V":{"$":1,"$0":1508099985310}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Gu"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1025,"$1":2}},"Base62Id":"0000GX","Title":"Checkbox on click","Description":"Does not work in chrome, firefox, ie, only in Microsoft Edge","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506695911377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"StefanBelo"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/StefanBelo\/0000GX"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1024,"$1":1}},"Base62Id":"0000GW","Title":"Int32 is really int64","Description":"","UpdateNote":null,"Created":1506612452077,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":990,"$1":14}},"Base62Id":"0000Fy","Title":"Async Test (good)","Description":"Background calculations not blocking the UI update (see also the bad snipped)\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074435003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1016,"$1":5}},"Base62Id":"0000GO","Title":"Async Test (bad)","Description":"Background calculations blocking the UI update (see also the good snipped)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074416580,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":989,"$1":16}},"Base62Id":"0000Fx","Title":"Template test","Description":"Just to have a working example of templating\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506072320307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":831,"$1":2}},"Base62Id":"0000DP","Title":"InputTransform with tempate","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500631015130,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":898,"$1":3}},"Base62Id":"0000EU","Title":"Relation graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500472954720,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_U.png?t=1500472954"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":891,"$1":1}},"Base62Id":"0000EN","Title":"Dynamic tabs with Golden Layout","Description":"","UpdateNote":null,"Created":1500019315933,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":890,"$1":1}},"Base62Id":"0000EM","Title":"GoldenLayout example","Description":"","UpdateNote":null,"Created":1500019201083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":889,"$1":1}},"Base62Id":"0000EL","Title":"High score table","Description":"","UpdateNote":null,"Created":1499930635350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_L.png?t=1499930635"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":884,"$1":1}},"Base62Id":"0000EG","Title":"Intro a website","Description":"","UpdateNote":null,"Created":1499757587993,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.IntroJS","$1":["WebSharper.IntroJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_G.png?t=1499757587"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":838,"$1":2}},"Base62Id":"0000DW","Title":"AnimatedContactFlow","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499710391943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":881,"$1":1}},"Base62Id":"0000ED","Title":"Markdown parser","Description":"","UpdateNote":null,"Created":1499417990980,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_D.png?t=1499417990"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000ED"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":872,"$1":2}},"Base62Id":"0000E4","Title":"Unit operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499251405550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E4.png?t=1499251405"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":877,"$1":1}},"Base62Id":"0000E9","Title":"Parallax Scrolling with Swiper","Description":"This is the C# implementation of the example at http:\/\/idangero.us\/swiper\/demos\/28-parallax.html","UpdateNote":null,"Created":1499251257880,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E9.png?t=1499251257"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":876,"$1":1}},"Base62Id":"0000E8","Title":"Lazyloading Gallery with Swiper","Description":"This is the F# implementation of http:\/\/idangero.us\/swiper\/demos\/30-lazy-load-images.html","UpdateNote":null,"Created":1499250836840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E8.png?t=1499250836"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":874,"$1":1}},"Base62Id":"0000E6","Title":"TeX render","Description":"","UpdateNote":null,"Created":1499250503640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E6.png?t=1499250503"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":871,"$1":1}},"Base62Id":"0000E3","Title":"BigInteger operations","Description":"","UpdateNote":null,"Created":1499250417213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E3.png?t=1499250417"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":869,"$1":1}},"Base62Id":"0000E1","Title":"Complex and BigInteger","Description":"Operations with Complex and BigInteger numbers with active pattern matching.","UpdateNote":null,"Created":1499250320200,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E1.png?t=1499250320"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":867,"$1":1}},"Base62Id":"0000Dz","Title":"Vector operations","Description":"","UpdateNote":null,"Created":1499250246340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dz.png?t=1499250246"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":866,"$1":1}},"Base62Id":"0000Dy","Title":"Matrix operations","Description":"","UpdateNote":null,"Created":1499250211943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dy.png?t=1499250211"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":861,"$1":1}},"Base62Id":"0000Dt","Title":"Fraction vs. Float","Description":"","UpdateNote":null,"Created":1499249931597,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dt.png?t=1499249931"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":859,"$1":1}},"Base62Id":"0000Dr","Title":"Unit operations","Description":"","UpdateNote":null,"Created":1499249853607,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dr.png?t=1499249853"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":202,"$1":9}},"Base62Id":"00003G","Title":"Simple person formlet using UI.Next.Formlets","Description":"A simple UI.Next formlet","UpdateNote":{"$V":{"$":1,"$0":"Switched to Formlet.Do {...} to make example more clear."}},"Created":1498263633030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_G.png?t=1498263633"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":209,"$1":4}},"Base62Id":"00003N","Title":"Mapping the view of a simple reactive variable","Description":"A textbox and a label showing the text entered in all-caps.","UpdateNote":{"$V":{"$":1,"$0":"Updated code to make it clearer."}},"Created":1496956627863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_N.png?t=1496956627"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":850,"$1":1}},"Base62Id":"0000Di","Title":"MathJax","Description":"","UpdateNote":null,"Created":1496938925267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Di"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":837,"$1":1}},"Base62Id":"0000DV","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319217590,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":836,"$1":1}},"Base62Id":"0000DU","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319207460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":835,"$1":1}},"Base62Id":"0000DT","Title":"Calculator","Description":"","UpdateNote":null,"Created":1496318997697,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":834,"$1":1}},"Base62Id":"0000DS","Title":"Checkbox example","Description":"","UpdateNote":null,"Created":1496318836783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":833,"$1":1}},"Base62Id":"0000DR","Title":"EditablePersonList","Description":"","UpdateNote":null,"Created":1496318702393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":832,"$1":1}},"Base62Id":"0000DQ","Title":"PhoneExample","Description":"This example based on a tutorial that can be found in the AngularJS tutorial","UpdateNote":null,"Created":1496318552043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DQ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":830,"$1":1}},"Base62Id":"0000DO","Title":"InputTransform","Description":"","UpdateNote":null,"Created":1496310846207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":829,"$1":1}},"Base62Id":"0000DN","Title":"Animated Bobsleigh Site","Description":"","UpdateNote":null,"Created":1496309798680,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":825,"$1":2}},"Base62Id":"0000DJ","Title":"Object consistency sample","Description":"This snippet is based on this sample: https:\/\/bost.ocks.org\/mike\/constancy\/","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1495707435847,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":824,"$1":1}},"Base62Id":"0000DI","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706194270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":823,"$1":1}},"Base62Id":"0000DH","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706183737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":822,"$1":1}},"Base62Id":"0000DG","Title":"Mouse info sample","Description":"This example shows information based on the user's mouse interaction.","UpdateNote":null,"Created":1495705661767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":760,"$1":8}},"Base62Id":"0000CG","Title":"D3 force layout dragstart issue","Description":"How do I handle the dragstart event?","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1487240779503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000CG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":434,"$1":2}},"Base62Id":"000070","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485956757010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Khurram"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Khurram\/000070"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":753,"$1":2}},"Base62Id":"0000C9","Title":"Lensing\/focus problem with ListModel - 2","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601266990,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":751,"$1":2}},"Base62Id":"0000C7","Title":"Lensing\/focus problem with ListModel - 1","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601149010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":747,"$1":4}},"Base62Id":"0000C3","Title":"Lensing\/focus problem with ListModel","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485600644883,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":737,"$1":3}},"Base62Id":"0000Bt","Title":"3rd party autocomplete issue","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484346090550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":727,"$1":3}},"Base62Id":"0000Bj","Title":"Lensing\/focus problem","Description":"The DocSeqCached generated inputs lose focus after every key press.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484317537173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":723,"$1":2}},"Base62Id":"0000Bf","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":{"$V":{"$":1,"$0":"Added separating by type"}},"Created":1483253500407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Bf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":722,"$1":1}},"Base62Id":"0000Be","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":null,"Created":1483251409853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Be"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":621,"$1":3}},"Base62Id":"0000A1","Title":"Test of LineSeriesZonesCfg","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476536214533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Ragmjol"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Ragmjol\/0000A1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":611,"$1":9}},"Base62Id":"00009r","Title":"45 суток до отправления поезда","Description":"Реактивный расчет даты отправления поезда ОАО РЖД с валидацией и интерактивной обратной связью.\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476396839560,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"vlasovde@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/vlasovde~40gmail.com\/00009r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":604,"$1":1}},"Base62Id":"00009k","Title":"OnClick, increment","Description":"","UpdateNote":null,"Created":1475189199410,"Updated":{"$V":{"$":1,"$0":1475189244220}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"maestrow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/maestrow\/00009k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":441,"$1":3}},"Base62Id":"000077","Title":"Advanced example for WeSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1471423935237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000077.png?t=1471423935"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/000077"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":551,"$1":3}},"Base62Id":"00008t","Title":"Gos 01","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1465374765503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Goswin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Goswin\/00008t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":530,"$1":3}},"Base62Id":"00008Y","Title":"Array sort tests","Description":"Some basic tests for sorting arrays.","UpdateNote":{"$V":{"$":1,"$0":"Added sortBy variants"}},"Created":1462625300233,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00008_Y.png?t=1462625300"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00008Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":506,"$1":2}},"Base62Id":"00008A","Title":"navbars","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1460235375863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/00008A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":505,"$1":1}},"Base62Id":"000089","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211730240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000089"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":504,"$1":1}},"Base62Id":"000088","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211729277,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000088"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":503,"$1":1}},"Base62Id":"000087","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211728387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000087"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":502,"$1":1}},"Base62Id":"000086","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211668650,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000086"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":501,"$1":1}},"Base62Id":"000085","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211667067,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000085"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":500,"$1":1}},"Base62Id":"000084","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211666757,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000084"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":498,"$1":1}},"Base62Id":"000082","Title":"UI.Next Books","Description":"","UpdateNote":null,"Created":1460166650207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000082"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":450,"$1":7}},"Base62Id":"00007G","Title":"Momentjs example","Description":"This example shows how to use differnet locales and timezones, and the basic methods of the Moment object (like formatting).","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823526687,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_G.png?t=1458823526"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/00007G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":447,"$1":2}},"Base62Id":"00007D","Title":"UI.Next Books","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823418997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_D.png?t=1458823418"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00007D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":446,"$1":1}},"Base62Id":"00007C","Title":"Book sample","Description":"","UpdateNote":null,"Created":1458520002487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00007C"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":442,"$1":2}},"Base62Id":"000078","Title":"UI.Next ListModel example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458297748133,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000078.png?t=1458297748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000078"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":432,"$1":2}},"Base62Id":"00006y","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1457089622443,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006y.png?t=1457089622"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":425,"$1":1}},"Base62Id":"00006r","Title":"Debounce for JavaScript","Description":"","UpdateNote":null,"Created":1454856558057,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"michakun@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/michakun~40gmail.com\/00006r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":424,"$1":1}},"Base62Id":"00006q","Title":"Debounce for JavaScript","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454856165883,"Updated":{"$V":{"$":1,"$0":1454856219627}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/00006q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":416,"$1":3}},"Base62Id":"00006i","Title":"Login form with reactive piglets that disable controls","Description":"A simple login form implemented via reactive piglets, with the password box disabled if no username is given.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454733371897,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006i.png?t=1454733371"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":273,"$1":6}},"Base62Id":"00004P","Title":"Login with Piglets","Description":"Simple login piglet","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454484584773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Piglets","$1":["IntelliFactory.Reactive.dll","WebSharper.Piglets.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":400,"$1":1}},"Base62Id":"00006S","Title":"Asd","Description":"","UpdateNote":null,"Created":1453550344473,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00006S"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":142,"$1":4}},"Base62Id":"00002I","Title":"Simple Calculator","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453212631463,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_I.png?t=1453212631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00002I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":190,"$1":2}},"Base62Id":"000034","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151569677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000034.png?t=1453151569"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000034"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":241,"$1":4}},"Base62Id":"00003t","Title":"WebSharper.Data JsonProvider","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151553257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003t.png?t=1453151553"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00003t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":145,"$1":3}},"Base62Id":"00002L","Title":"Insert HTML content","Description":"Insert HTML content into the DOM using UI.Next","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452942011767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_L.png?t=1452942011"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":280,"$1":5}},"Base62Id":"00004W","Title":"JointJs sample","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452941977160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JointJS","$1":["WebSharper.JointJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_W.png?t=1452941977"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00004W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":272,"$1":2}},"Base62Id":"00004O","Title":"Composing reactive views for web forms","Description":"A simple asynchronous login form.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452893764210,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_O.png?t=1452893764"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004O"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":3}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":369,"$1":2}},"Base62Id":"00005x","Title":"Form.MapToAsyncResult example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891333247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005x.png?t=1452891333"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":96,"$1":5}},"Base62Id":"00001Y","Title":"WebPaint","Description":"An extended drawing snippet that has line width and color features.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452886079587,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Y.png?t=1452886079"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":843,"$1":1}},"Base62Id":"0000Db","Title":"Ext JS","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ExtJS","$1":["WebSharper.ExtJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/extjs.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Db"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":844,"$1":1}},"Base62Id":"0000Dc","Title":"Sencha Touch","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SenchaTouch","$1":["WebSharper.SenchaTouch.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/senchatouch.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":845,"$1":1}},"Base62Id":"0000Dd","Title":"Kendo UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.KendoUI","$1":["WebSharper.TypeScript.Lib.dll","WebSharper.KendoUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/kendoui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":846,"$1":1}},"Base62Id":"0000De","Title":"jQuery Mobile","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryMobile","$1":["WebSharper.JQuery.Mobile.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jquerymobile.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000De"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":847,"$1":1}},"Base62Id":"0000Df","Title":"jQuery UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jqueryui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Df"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":922,"$1":1}},"Base62Id":"0000Es","Title":"Todo List in C#","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list-csharp.png?t=1452882350"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/WebSharper\/0000Es"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":339,"$1":3}},"Base62Id":"00005T","Title":"Not working localized errors","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1451223702457,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Vasily Kirichenko"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Vasily~20Kirichenko\/00005T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":330,"$1":1}},"Base62Id":"00005K","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1449352684860,"Updated":{"$V":{"$":1,"$0":1452884475787}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00005K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":313,"$1":3}},"Base62Id":"000053","Title":"PeopleRegister","Description":"A small application to store data about people that survives a page refresh.","UpdateNote":{"$V":{"$":1,"$0":"Changed \"model\" to \"register\""}},"Created":1446824695620,"Updated":{"$V":{"$":1,"$0":1452884467770}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000053"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":315,"$1":2}},"Base62Id":"000055","Title":"Persistent ListModel","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446824557107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000055"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":284,"$1":2}},"Base62Id":"00004a","Title":"Attr.Dynamiclass","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446067759040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":267,"$1":1}},"Base62Id":"00004J","Title":"sitelet example","Description":"","UpdateNote":null,"Created":1445697657643,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"odin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/odin\/00004J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":261,"$1":2}},"Base62Id":"00004D","Title":"W# router (like the ui.next sample)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1445434844997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":255,"$1":3}},"Base62Id":"000047","Title":"JQueryUI with UI.Next","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444986193877,"Updated":{"$V":{"$":1,"$0":1453456520997}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000047"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":254,"$1":1}},"Base62Id":"000046","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1444942573217,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/000046"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":247,"$1":5}},"Base62Id":"00003z","Title":"Language","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444653482793,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00003z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":236,"$1":1}},"Base62Id":"00003o","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443432932957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":231,"$1":1}},"Base62Id":"00003j","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443109667247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":230,"$1":1}},"Base62Id":"00003i","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":null,"Created":1443081193040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":225,"$1":1}},"Base62Id":"00003d","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1442979278153,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00003d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":222,"$1":1}},"Base62Id":"00003a","Title":"A Simple Component","Description":"","UpdateNote":null,"Created":1442938605070,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"binf1611@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/binf1611~40gmail.com\/00003a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":104,"$1":2}},"Base62Id":"00001g","Title":"UI.Next SPA Router sample","Description":"SPA\nRouterMap\nBootstrap","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442822900857,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":208,"$1":3}},"Base62Id":"00003M","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442406171403,"Updated":{"$V":{"$":1,"$0":1452884494383}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":213,"$1":2}},"Base62Id":"00003R","Title":"Simple person piglet using UI.Next.Piglets","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442304456873,"Updated":{"$V":{"$":1,"$0":1452884493053}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003R"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":193,"$1":2}},"Base62Id":"000037","Title":"ReactForms","Description":"An attempt to a new form abstraction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441441116760,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000037"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":191,"$1":1}},"Base62Id":"000035","Title":"Prova","Description":"","UpdateNote":null,"Created":1441172437107,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000035"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":189,"$1":1}},"Base62Id":"000033","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1441143544420,"Updated":{"$V":{"$":1,"$0":1452884509550}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000033"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":147,"$1":4}},"Base62Id":"00002N","Title":"D3 intro","Description":"Basic usage of the D3 graphics library.","UpdateNote":{"$V":{"$":1,"$0":"Set references"}},"Created":1441142682287,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":178,"$1":3}},"Base62Id":"00002s","Title":"Play","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441022072987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"bananasareyellow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/bananasareyellow\/00002s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":175,"$1":2}},"Base62Id":"00002p","Title":"Todo List","Description":"Interesting..","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1440737473987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00002p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":169,"$1":1}},"Base62Id":"00002j","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":null,"Created":1440611592767,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Chester Husk III"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Chester~20Husk~20III\/00002j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":165,"$1":1}},"Base62Id":"00002f","Title":"123","Description":"","UpdateNote":null,"Created":1440608056553,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00002f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":116,"$1":1}},"Base62Id":"00001s","Title":"Navbar bootstrap","Description":"","UpdateNote":null,"Created":1439531502623,"Updated":{"$V":{"$":1,"$0":1439533283717}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":115,"$1":1}},"Base62Id":"00001r","Title":"Bug: ListModel can enter duplicate","Description":"","UpdateNote":null,"Created":1439524963367,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":114,"$1":1}},"Base62Id":"00001q","Title":"Fixed: ListModel add duplicate","Description":"Added int to id","UpdateNote":null,"Created":1439523570717,"Updated":{"$V":{"$":1,"$0":1439525106910}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":113,"$1":1}},"Base62Id":"00001p","Title":"Bug on ListModel with Json deserialize ","Description":"","UpdateNote":null,"Created":1439522709440,"Updated":{"$V":{"$":1,"$0":1439524439997}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":110,"$1":1}},"Base62Id":"00001m","Title":"Drag n drop counters","Description":"Websharper UI.Next sample drag n drop handling. Using counter to understand the flow of events called in JS.","UpdateNote":null,"Created":1439449108010,"Updated":{"$V":{"$":1,"$0":1439450137943}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001m"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":108,"$1":1}},"Base62Id":"00001k","Title":"Websharper UI.Net Ajax call to rest api","Description":"Using http:\/\/jsonplaceholder.typicode.com\/ as a test api","UpdateNote":null,"Created":1439389687527,"Updated":{"$V":{"$":1,"$0":1439489356527}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":106,"$1":1}},"Base62Id":"00001i","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1439331049070,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00001i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":84,"$1":1}},"Base62Id":"00001M","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1438710448653,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"dsyme"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/dsyme\/00001M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":73,"$1":1}},"Base62Id":"00001B","Title":"Adam's Basic Clock","Description":null,"UpdateNote":null,"Created":1438274933437,"Updated":{"$V":{"$":1,"$0":1438274951463}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001B"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":41,"$1":1}},"Base62Id":"00000f","Title":"Drawing Around","Description":null,"UpdateNote":null,"Created":1434717278830,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/drawing-around.png?t=1434717278"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":40,"$1":1}},"Base62Id":"00000e","Title":"Clock","Description":null,"UpdateNote":null,"Created":1434717217557,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/clock.png?t=1434717217"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000e"]]],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","Examples"]}},"ws1113788422":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginLayout"]}},"ws1817257530":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginButton"]}},"ws2063052562":{"$T":0,"$V":{"args":[{"$V":{"MainSite":"https:\/\/websharper.com","ForumSite":"https:\/\/forums.websharper.com","DevSite":"https:\/\/developers.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","SwiperContent"]}}}}}"> Try Websharper Try WebSharper Run Save Fork Documentation Downloads Try Online Blogs Forums Support person Try WebSharper Documentation Downloads Try Online Blogs Forums Support Samples Drawing around Pool game Clock Todo List Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile < Source Markup Comments Embed Help Result > 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PreviewHelpx Log in with:Cancel Embed it into your website Direct link Embed link Responsive frame <div style="width:100%;min-height:300px;position:relative"><iframe style="position:absolute;border:none;width:100%;height:100%" src=""></iframe><div> Connecting... Result Featured examples Todo List with F# Todo List with C# Drawing around Pool game Clock Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile Filter Refresh Name Languages check_box_outline_blank C# check_box_outline_blank F# Libraries check_box_outline_blank Name check_box_outline_blank ChartJs check_box_outline_blank Charting check_box_outline_blank Cytoscape check_box_outline_blank D3 check_box_outline_blank Data check_box_outline_blank Dojo check_box_outline_blank ExtJS check_box_outline_blank Forms check_box_outline_blank Forms.Bootstrap check_box_outline_blank GlMatrix check_box_outline_blank GoldenLayout check_box_outline_blank Google.CodePrettify check_box_outline_blank Google.Visualization check_box_outline_blank HammerJS check_box_outline_blank Highcharts check_box_outline_blank Html check_box_outline_blank IntroJS check_box_outline_blank JQueryMobile check_box_outline_blank JQueryUI check_box_outline_blank JointJS check_box_outline_blank KendoUI check_box_outline_blank MaterialUI check_box_outline_blank MathJS check_box_outline_blank MathJax check_box_outline_blank MediumEditor check_box_outline_blank Moment check_box_outline_blank Mvu check_box_outline_blank O3D check_box_outline_blank Peity check_box_outline_blank Piglets check_box_outline_blank Raphael check_box_outline_blank Rappid check_box_outline_blank React check_box_outline_blank Remarkable check_box_outline_blank Rickshaw check_box_outline_blank SenchaTouch check_box_outline_blank SlickGrid check_box_outline_blank SweetAlert check_box_outline_blank Swiper check_box_outline_blank UI check_box_outline_blank UI.Formlets check_box_outline_blank UI.Next check_box_outline_blank UI.Next.Piglets Authors check_box_outline_blank Name check_box_outline_blank adam.granicz (43) check_box_outline_blank JankoA (31) check_box_outline_blank loic.denuziere (24) check_box_outline_blank setr (19) check_box_outline_blank Lamk (16) check_box_outline_blank jooseppi (16) check_box_outline_blank user3383 (15) check_box_outline_blank user3359 (15) check_box_outline_blank qwe2 (15) check_box_outline_blank WebSharper (11) check_box_outline_blank sandorr (8) check_box_outline_blank Martin 000 (8) check_box_outline_blank adam.abonyi-toth (7) check_box_outline_blank Badmoonz (7) check_box_outline_blank user3343 (4) check_box_outline_blank Andreas Vilinski (4) check_box_outline_blank user3332 (3) check_box_outline_blank gergely.fabian (3) check_box_outline_blank user4207 (3) check_box_outline_blank user5892 (2) check_box_outline_blank user3850 (2) check_box_outline_blank Dark_Clark (2) check_box_outline_blank Anton Tayanovskyy (2) check_box_outline_blank malbertife (2) check_box_outline_blank Try WebSharper (2) check_box_outline_blank user4032 (1) check_box_outline_blank user3950 (1) check_box_outline_blank user3896 (1) check_box_outline_blank user3329 (1) check_box_outline_blank imranypatel@gmail.com (1) check_box_outline_blank user3757 (1) check_box_outline_blank user3735 (1) check_box_outline_blank user3546 (1) check_box_outline_blank user3530 (1) check_box_outline_blank user3303 (1) check_box_outline_blank StefanBelo (1) check_box_outline_blank Khurram (1) check_box_outline_blank Ragmjol (1) check_box_outline_blank vlasovde@gmail.com (1) check_box_outline_blank maestrow (1) check_box_outline_blank Goswin (1) check_box_outline_blank michakun@gmail.com (1) check_box_outline_blank Vasily Kirichenko (1) check_box_outline_blank odin (1) check_box_outline_blank binf1611@gmail.com (1) check_box_outline_blank bananasareyellow (1) check_box_outline_blank Chester Husk III (1) check_box_outline_blank dsyme (1) All snippets showing top 36 matches GlobalNation1 (doesn't compile) GlobalNations The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results. rock_paper_scissors F# + WebSharper to create a simple rock paper scissors game vs computer. (doesn't compile) Joke_Generator A simple app using a randomizer to give you a good joke and make your day better! Are lenses on record fields updated each time another lens is updated? Are lenses on record fields updated each time another lens is updated? ListModel.Doc updates all not only changes ListModel.Doc updates all not only changes Forms with currency using decimal and units of measure This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms Forms with currency using decimal and units of measure Todo List in F# Discard empty task names and always trim task names classDynPredBoth MVU + WebSharper.UI-based File Uploader Component Simple reactive file uploader component built using MVU architecture. MVU + WebSharper.UI-based File Uploader Component IP Project Tracker form with Submit WebSharper.Forms (Piglets) for collections example (https://github.com/intellifactory/websharper.forms/blob/master/docs/Introduction.md#piglets-for-collections) IP Project Tracker form with Submit UI Tic-Tac-Toe Port to UI of the Tic-Tac-Toe from the Intro to React tutorial. Testing custom Json convert See https://github.com/dotnet-websharper/core/issues/1127 Testing custom Json convert WebSharper.Forms WithSubmit test WebSharper.Forms WithSubmit test WSReactDatePicker react-datepicker component imported in WebSharper React React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI React hooks mixed with UI React hooks React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel React Sample Example of W# React React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel Google Visualization Hello world Hello world with WebSharper UI View.MapCachedBy and ListModel Demo View.MapCachedBy and ListModel Demo MVU with subpages attempt An attempt to implement MVU-based app with a tree of pages. MVU with subpages attempt Including a WS.UI Doc inside a WS.Html Element Including a WS.UI Doc inside a WS.Html Element Pythagorean Tree Creating a randomized Pythagorean tree using F# and HTML5 canvas Doc.SelectOptional - proposed fix relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional - proposed fix Doc.SelectOptional to be fixed relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional to be fixed F# Delayed function Demonstrates the use of a delayed action when typing into a text input F# Async cancellation F# Async cancellation Focus problem - nested ListModels Focus problem - nested ListModels Error in dynamic attribute Error in dynamic attribute Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue (version with bootstrap modal) Mock up for SelectDynOptional issue (version with bootstrap modal) A simple reactive formlet - Bug Repro A simple reactive formlet - Bug Repro Show more C# F# Import Gist Gist URL Invalid Gist URL Import Gist Gist URL Invalid Gist URL Keybindings Keybinding Action Ctrl-D Command-D Alt-Shift-Down Command-Option-Down Alt-Shift-Up Command-Option-Up Alt-Down Option-Down Alt-Up Option-Up Alt-Delete Command-K Alt-Backspace Command-Backspace Ctrl-Backspace Option-Backspace Ctrl-Delete Option-Delete Ctrl-, Command-, Ctrl-/ Command-/ Alt-L Command-Option-L Alt-Shift-L Command-Option-Shift-L Ctrl-F Command-F Ctrl-H Command-Option-F Ctrl-L Command-L Remove line Copy lines down Copy lines up Move lines down Move lines up Remove to line end Remove to line start Remove word left Remove word right Show settings Toggle comment Fold selection Unfold selection Find Replace Go to line X We are logging you in. Please be patient. This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.Read our Cookie PolicyAccept cookiesRefuse cookies xMarkdown CheatsheetYou can use a subset of standard Markdown syntax for formatting your message.Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 --- Emphasis *italics* or _italics_ **bold** or __bold__ **_combined_** Lists 1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses Links [inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage") Images  Code Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world" Tables | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | Blockquotes > Blockquotes are very handy. > This won't break line. Horizontal Rule Three or more... --- Hyphens *** Asterisks ___ Underscores Line BreaksOne new line will not start a new paragraph or break the line. For that use two or more newlines.Source and more detailed information.
<\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","UI","Control","ClientInternal","Body"]}},"ws1791212022":{"$T":0,"$V":{"args":[],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","TitleContent"]}},"ws626363109":{"$T":0,"$V":{"args":[{"$V":{"HtmlCode":{"$V":{"$":0,"$0":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","RunPage"]}},"ws1841753244":{"$T":0,"$V":{"args":["\r\n \r\n \r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with F#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with C#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Drawing around<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Pool game<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Clock<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Google Visualization<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Ext JS<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Sencha Touch<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Kendo UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery Mobile<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n Documentation<\/a>\r\n Downloads<\/a>\r\n Try Online<\/a>\r\n Blogs<\/a>\r\n Forums<\/a>\r\n Support<\/a>\r\n<\/nav>"],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","FeaturedSwiper"]}},"ws251830965":{"$T":0,"$V":{"args":[[[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2418,"$1":1}},"Base62Id":"0000d0","Title":"GlobalNation1","Description":"","UpdateNote":null,"Created":1715336127987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user5892\/0000d0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2413,"$1":1}},"Base62Id":"0000cv","Title":"GlobalNations","Description":"The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results.","UpdateNote":null,"Created":1715281171960,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user5892\/0000cv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2383,"$1":24}},"Base62Id":"0000cR","Title":"rock_paper_scissors","Description":"F# + WebSharper to create a simple rock paper scissors game vs computer.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714714801950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4032"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user4032\/0000cR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2373,"$1":1}},"Base62Id":"0000cH","Title":"Joke_Generator","Description":"A simple app using a randomizer to give you a good joke and make your day better!\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714671713303,"Updated":{"$V":{"$":1,"$0":1714671959207}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000cH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2244,"$1":2}},"Base62Id":"0000aC","Title":"Are lenses on record fields updated each time another lens is updated?","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1687528464023,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000aC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2238,"$1":3}},"Base62Id":"0000a6","Title":"ListModel.Doc updates all not only changes","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1685017602890,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000a6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2191,"$1":4}},"Base62Id":"0000ZL","Title":"Forms with currency using decimal and units of measure","Description":"This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1671567510137,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3950"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3950\/0000ZL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2081,"$1":2}},"Base62Id":"0000XZ","Title":"Todo List in F#","Description":"Discard empty task names and always trim task names","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1632048665513,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3896"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3896\/0000XZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2074,"$1":2}},"Base62Id":"0000XS","Title":"classDynPredBoth","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1628698773110,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3329"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3329\/0000XS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1710,"$1":15}},"Base62Id":"0000Ra","Title":"MVU + WebSharper.UI-based File Uploader Component","Description":"Simple reactive file uploader component built using MVU architecture.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1627722238850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ra.png?t=1627722238"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ra"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2060,"$1":6}},"Base62Id":"0000XE","Title":"IP Project Tracker form with Submit","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1623162204853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"imranypatel@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/imranypatel~40gmail.com\/0000XE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1041,"$1":14}},"Base62Id":"0000Gn","Title":"UI Tic-Tac-Toe","Description":"Port to UI of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":"Add draw detection"}},"Created":1623143521257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gn.png?t=1623143521"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Gn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2000,"$1":1}},"Base62Id":"0000WG","Title":"Testing custom Json convert","Description":"See https:\/\/github.com\/dotnet-websharper\/core\/issues\/1127","UpdateNote":null,"Created":1620808701160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000WG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":437,"$1":2}},"Base62Id":"000073","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1620124508350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000073"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1960,"$1":15}},"Base62Id":"0000Vc","Title":"WSReactDatePicker","Description":"react-datepicker component imported in WebSharper React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1601211626073,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Vc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1951,"$1":8}},"Base62Id":"0000VT","Title":"React hooks mixed with UI the other way around: setting React from UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600521048467,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1947,"$1":5}},"Base62Id":"0000VP","Title":"React hooks mixed with UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600512338307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1946,"$1":1}},"Base62Id":"0000VO","Title":"React hooks","Description":"","UpdateNote":null,"Created":1600277512013,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000VO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1897,"$1":9}},"Base62Id":"0000Ub","Title":"React Grouping","Description":"\nExample of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600250241827,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ub"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1849,"$1":8}},"Base62Id":"0000Tp","Title":"React Sample","Description":"Example of W# React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600010700907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1855,"$1":29}},"Base62Id":"0000Tv","Title":"React Grouping","Description":"Example of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600004689907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":370,"$1":2}},"Base62Id":"00005y","Title":"Google Visualization","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1596618395480,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Google.Visualization","$1":["WebSharper.Google.Visualization.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/google-vis.png?t=1596618395"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00005y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":201,"$1":4}},"Base62Id":"00003F","Title":"Hello world","Description":"Hello world with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Updated old snippet to now use an RV."}},"Created":1590798784213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00003_F.png?t=1590798784"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003F"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1734,"$1":3}},"Base62Id":"0000Ry","Title":"View.MapCachedBy and ListModel Demo","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1589572791970,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ry.png?t=1589572791"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ry"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1724,"$1":10}},"Base62Id":"0000Ro","Title":"MVU with subpages attempt","Description":"An attempt to implement MVU-based app with a tree of pages.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588857583203,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ro"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1722,"$1":2}},"Base62Id":"0000Rm","Title":"Including a WS.UI Doc inside a WS.Html Element","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588636353727,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Rm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1696,"$1":4}},"Base62Id":"0000RM","Title":"Pythagorean Tree","Description":"Creating a randomized Pythagorean tree using F# and HTML5 canvas","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1586784421773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3757"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R_M.png?t=1586784421"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3757\/0000RM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1687,"$1":4}},"Base62Id":"0000RD","Title":"Doc.SelectOptional - proposed fix","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581866145157,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1686,"$1":1}},"Base62Id":"0000RC","Title":"Doc.SelectOptional to be fixed","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":null,"Created":1581849533173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1678,"$1":8}},"Base62Id":"0000R4","Title":"F# Delayed function","Description":"Demonstrates the use of a delayed action when typing into a text input","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581575162267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R4.png?t=1581575162"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000R4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1677,"$1":1}},"Base62Id":"0000R3","Title":"F# Async cancellation","Description":"","UpdateNote":null,"Created":1581520626737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000R3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1615,"$1":16}},"Base62Id":"0000Q3","Title":"Focus problem - nested ListModels","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1579853623783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3735"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3735\/0000Q3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1067,"$1":5}},"Base62Id":"0000HD","Title":"Error in dynamic attribute","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1576176434987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000HD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1601,"$1":2}},"Base62Id":"0000Pp","Title":"Mock up for SelectDynOptional issue - done!","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575913233123,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1596,"$1":3}},"Base62Id":"0000Pk","Title":"Mock up for SelectDynOptional issue (version with bootstrap modal)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575912712523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1590,"$1":2}},"Base62Id":"0000Pe","Title":"A simple reactive formlet - Bug Repro","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575536247390,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pe"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1581,"$1":2}},"Base62Id":"0000PV","Title":"F# 4.7 implicit yield","Description":"Constructing list with implicit yields","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570778745420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000PV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1571,"$1":2}},"Base62Id":"0000PL","Title":"Type Matching over Record Types","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570044930603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1562,"$1":7}},"Base62Id":"0000PC","Title":"Simple Calculator with Today UTC","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1569091310233,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1557,"$1":5}},"Base62Id":"0000P7","Title":"Date, DateTime and TimeSpan and UTC","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date. \n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1568898529813,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/user3383\/0000P7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1556,"$1":1}},"Base62Id":"0000P6","Title":"Minimal progressbar with inline javascript ","Description":"This snippet uses nanobar (https:\/\/github.com\/jacoborus\/nanobar)","UpdateNote":null,"Created":1568620741777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P6.png?t=1568620741"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1551,"$1":1}},"Base62Id":"0000P1","Title":"Pikaday datepicker example with Inline methods","Description":"","UpdateNote":null,"Created":1567066881627,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P1.png?t=1567066881"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1545,"$1":2}},"Base62Id":"0000Ov","Title":"[V blog] separate Vars composed with an Async function","Description":"Simulating a DB retrieval with View.MapAsync2","UpdateNote":{"$V":{"$":1,"$0":"https:\/\/gitter.im\/intellifactory\/websharper?at=5d64e409c8228962acd09ceb"}},"Created":1566898922600,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ov"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":860,"$1":2}},"Base62Id":"0000Ds","Title":"Complex operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565596072120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ds.png?t=1565596072"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Ds"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":880,"$1":3}},"Base62Id":"0000EC","Title":"Markdown parser with syntax highlighting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565250978707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_C.png?t=1565250978"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000EC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1533,"$1":3}},"Base62Id":"0000Oj","Title":"C# View.MapAsync example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646717913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Oj.png?t=1564646717"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Oj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1527,"$1":7}},"Base62Id":"0000Od","Title":"View.MapAsyncLoading example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646712743,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Od.png?t=1564646712"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Od"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1525,"$1":2}},"Base62Id":"0000Ob","Title":"LINQ with anonymous records","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563781837010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ob"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":902,"$1":3}},"Base62Id":"0000EY","Title":"Kruskal algorithm","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563263846613,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Y.png?t=1563263846"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":903,"$1":2}},"Base62Id":"0000EZ","Title":"Visual graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562745122167,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Z.png?t=1562745122"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1278,"$1":5}},"Base62Id":"0000Kc","Title":"MVU Paging","Description":"Use View.DocSeqCached","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562682853427,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1518,"$1":2}},"Base62Id":"0000OU","Title":"C# HTML inputs","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562279811240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000OU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":873,"$1":2}},"Base62Id":"0000E5","Title":"Swiper Android-Style Tabs","Description":"In this snippet we will make an Android-style tab system with the power of Swiper, CSS3 and of course WebSharper.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562140389030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E5.png?t=1562140389"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":892,"$1":5}},"Base62Id":"0000EO","Title":"Markdown Editor with Preview - Golden Layout","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562053396347,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":948,"$1":3}},"Base62Id":"0000FI","Title":"Task Cancellation","Description":"Demonstrate async Task cancellation on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1561361701717,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_I.png?t=1561361701"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":868,"$1":5}},"Base62Id":"0000E0","Title":"Swiper - Reactive Slide Index","Description":"In this snippet you can see how you can interact with the active slide index in a reactive manner.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560930472740,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E0.png?t=1560930472"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":862,"$1":3}},"Base62Id":"0000Du","Title":"AsciiMath render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757594407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Du.png?t=1560757594"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Du"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":863,"$1":2}},"Base62Id":"0000Dv","Title":"MathML render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757560117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dv.png?t=1560757560"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":864,"$1":3}},"Base62Id":"0000Dw","Title":"TeX render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757524263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dw.png?t=1560757524"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":870,"$1":3}},"Base62Id":"0000E2","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848231520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E2.png?t=1559848231"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E2"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1494,"$1":3}},"Base62Id":"0000O6","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848184817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O6.png?t=1559848184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":950,"$1":4}},"Base62Id":"0000FK","Title":"Erased unions","Description":"Demonstrate how to return a value of multiple possible types in a type-safe way without the runtime cost of a wrapper such as FSharpChoice.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559548403787,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_K.png?t=1559548403"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1488,"$1":4}},"Base62Id":"0000O0","Title":"D3 World Tour","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255894120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O0.png?t=1559255894"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":597,"$1":7}},"Base62Id":"00009d","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255814837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009d.png?t=1559255814"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":907,"$1":7}},"Base62Id":"0000Ed","Title":"Nicer popup boxes with SweetAlert","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559084194837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ed.png?t=1559084194"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000Ed"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1485,"$1":1}},"Base62Id":"0000Nx","Title":"Popup boxes with SweetAlert","Description":"","UpdateNote":null,"Created":1559084146830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Nx.png?t=1559084146"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Nx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1484,"$1":1}},"Base62Id":"0000Nw","Title":"Visualizing Dijkstra algorithm","Description":"","UpdateNote":null,"Created":1559033232833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000Nw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1090,"$1":3}},"Base62Id":"0000Ha","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339765040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ha"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1091,"$1":3}},"Base62Id":"0000Hb","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339761523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hb.png?t=1558339761"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Hb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1467,"$1":7}},"Base62Id":"0000Nf","Title":"React Grid Layout","Description":"Create a simple grid using react-grid-layout","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558084661107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Nf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1465,"$1":1}},"Base62Id":"0000Nd","Title":"Advanced example for WebSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1557960713723,"Updated":{"$V":{"$":1,"$0":1557962234603}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Nd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1454,"$1":3}},"Base62Id":"0000NS","Title":"Vue.js GridComponent sample","Description":"Conversion of a Vue.js sample using anonymous F# records","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1553636218910,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1446,"$1":1}},"Base62Id":"0000NK","Title":"F# Anonymous records","Description":"Shows using F# anonymous records in JavaSript translation","UpdateNote":null,"Created":1551200039373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_N_K.png?t=1551200039"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":274,"$1":9}},"Base62Id":"00004Q","Title":"Login form with reactive piglets","Description":"A simple login form implemented via reactive piglets.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI from UI.Next."}},"Created":1551119786403,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_Q.png?t=1551119786"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":290,"$1":17}},"Base62Id":"00004g","Title":"Login with reactive piglets + Bootstrap","Description":"Updated to use UI and Forms","UpdateNote":{"$V":{"$":1,"$0":"Fixed typo."}},"Created":1551117705107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":435,"$1":4}},"Base62Id":"000071","Title":"Random line charts","Description":"Three random line charts using Rickshaw","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085325623,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000071.png?t=1548085325"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000071"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":118,"$1":5}},"Base62Id":"00001u","Title":"Reactive input","Description":"Shows how to map text input as it is entered","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085253100,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001u.png?t=1548085253"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":428,"$1":3}},"Base62Id":"00006u","Title":"Mini charts","Description":"A mini chart that updates automatically and another on demand.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085097923,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Peity","$1":["WebSharper.Peity.dll","WebSharper.Peity.Bindings.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006u.png?t=1548085097"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":103,"$1":5}},"Base62Id":"00001f","Title":"Live chart","Description":"Show the mean of random data over time","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084999663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001f.png?t=1548084999"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":404,"$1":3}},"Base62Id":"00006W","Title":"Responsive chart","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084989163,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006_W.png?t=1548084989"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":127,"$1":4}},"Base62Id":"000023","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084547117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000023.png?t=1548084547"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000023"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":264,"$1":5}},"Base62Id":"00004G","Title":"Charting Sample with WebSharper.UI","Description":"A simple snippet showcasing WebSharper.Charting and WebSharper.UI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084520850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":265,"$1":2}},"Base62Id":"00004H","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084055460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004H"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":223,"$1":3}},"Base62Id":"00003b","Title":"Client-side Data Charting - Tertiary School Enrollment","Description":"Historic Tertiary School Enrollment chart for Austria\/Hungary\/UK\/US using WebSharper.Data and WebSharper.Charting","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548083624377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003b"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1325,"$1":7}},"Base62Id":"0000LN","Title":"WebComponents","Description":"Custom Element with one way communication","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1544016748270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_L_N.png?t=1544016748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1410,"$1":2}},"Base62Id":"0000Mk","Title":"Todo List MVU","Description":"Material UI + UI websharper + F# =)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1543091612670,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3546"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mk.png?t=1543091612"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3546\/0000Mk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1406,"$1":2}},"Base62Id":"0000Mg","Title":"Button group","Description":"Create a group of buttons that behave like a RadioGroup","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1542220752553,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mg.png?t=1542220752"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Mg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1402,"$1":2}},"Base62Id":"0000Mc","Title":"MVU Paging","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Fixed original template (it didn't compile): created input via `Doc.Input` instead of `input` to associate it with `inpVar: Var` which has a property `Value`"}},"Created":1541500382420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Mc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1395,"$1":2}},"Base62Id":"0000MV","Title":"Views for validation experiment","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1539337212533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3530"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3530\/0000MV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":112,"$1":5}},"Base62Id":"00001o","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI instead of UI.Next"}},"Created":1538143523047,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001o.png?t=1538143523"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":88,"$1":5}},"Base62Id":"00001Q","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536307107360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Q.png?t=1536307107"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":905,"$1":3}},"Base62Id":"0000Eb","Title":"Medium Editor","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536259374363,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MediumEditor","$1":["WebSharper.MediumEditor.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Eb.png?t=1536259374"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Eb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":804,"$1":4}},"Base62Id":"0000Cy","Title":"Person's pets form","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536255076340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Cy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":855,"$1":2}},"Base62Id":"0000Dn","Title":"Positive int input form","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254842950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Dn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":307,"$1":9}},"Base62Id":"00004x","Title":"Login with WebSharper.Forms.Bootstrap","Description":"Reactive login form with validation and feedback ","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254719603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004x.png?t=1536254719"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":39,"$1":2}},"Base62Id":"00000d","Title":"Pool Game","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536252570817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.O3D","$1":["WebSharper.O3D.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/pool-game.png?t=1536252570"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":154,"$1":7}},"Base62Id":"00002U","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535562292267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002U"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":219,"$1":3}},"Base62Id":"00003X","Title":"A Simple Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561992413,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003X"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":220,"$1":2}},"Base62Id":"00003Y","Title":"A Stateful Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561851820,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":221,"$1":2}},"Base62Id":"00003Z","Title":"Client-side routing","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561729460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":326,"$1":3}},"Base62Id":"00005G","Title":"to-do list","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561668713,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00005G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":196,"$1":3}},"Base62Id":"00003A","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561618487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1357,"$1":8}},"Base62Id":"0000Lt","Title":"React Tic-Tac-Toe","Description":"Port to WebSharper.React of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561571777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Lt.png?t=1535561571"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Lt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1351,"$1":6}},"Base62Id":"0000Ln","Title":"MVU Tic-Tac-Toe","Description":"Port to WebSharper.Mvu of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1534429511640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ln.png?t=1534429511"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Ln"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1346,"$1":2}},"Base62Id":"0000Li","Title":"MVU TodoMVC without templating","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533894962707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Li"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1285,"$1":7}},"Base62Id":"0000Kj","Title":"MVU TodoMVC","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":"Thanks to routing, filters don't need event handlers, href is enough."}},"Created":1533894714357,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kj.png?t=1533894714"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":42,"$1":2}},"Base62Id":"00000g","Title":"Todo List in F#","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533831689273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list.png?t=1533831689"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1339,"$1":3}},"Base62Id":"0000Lb","Title":"WithAttrs not found in JavaScript","Description":"A couple of issues with Elt object","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1530865990373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Lb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1321,"$1":2}},"Base62Id":"0000LJ","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525868678037,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1316,"$1":5}},"Base62Id":"0000LE","Title":"WebComponents","Description":"WebComponents with WebSharper Templates","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525867026083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1310,"$1":4}},"Base62Id":"0000L8","Title":"MVU TodoMVC with consistenView","Description":"TodoMVC using WebSharper.Mvu improved to avoid unnecessary rendering","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524948840270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000L8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":944,"$1":3}},"Base62Id":"0000FE","Title":"LINQ query expressions","Description":"Demonstrate C# LINQ query expressions and methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506818477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_E.png?t=1524506818"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":942,"$1":3}},"Base62Id":"0000FC","Title":"Date, DateTime and TimeSpan","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506801387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_C.png?t=1524506801"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":947,"$1":3}},"Base62Id":"0000FH","Title":"Await Task","Description":"Demonstrate async\/await Tasks on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506764043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_H.png?t=1524506764"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":941,"$1":3}},"Base62Id":"0000FB","Title":"GUID manipulation","Description":"Demonstrate using the type System.Guid on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506735090,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_B.png?t=1524506735"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FB"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":949,"$1":2}},"Base62Id":"0000FJ","Title":"Iterator with yield","Description":"Demonstrate using the yield keyword in C# on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506694127,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_J.png?t=1524506694"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":946,"$1":2}},"Base62Id":"0000FG","Title":"C# 7 Pattern Matching","Description":"Demonstrate C# 7 pattern matching on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504212447,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_G.png?t=1524504212"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":945,"$1":2}},"Base62Id":"0000FF","Title":"String Formatting","Description":"Demonstrate string formatting on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504025503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_F.png?t=1524504025"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FF"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":943,"$1":2}},"Base62Id":"0000FD","Title":"System.Array","Description":"Demonstrate the System.Array methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524503950520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_D.png?t=1524503950"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":979,"$1":5}},"Base62Id":"0000Fn","Title":"C# events and delegates","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524474420690,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fn.png?t=1524474420"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":237,"$1":8}},"Base62Id":"00003p","Title":"Workbook: Tertiary School Enrollment and GDP Per Capita","Description":"Workbook to compare Tertiary School Enrollment and GDP Per Capita figures for various EU countries and the US.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524139518677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003p.png?t=1524139518"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":211,"$1":4}},"Base62Id":"00003P","Title":"A simple reactive formlet","Description":"Simple person formlet using UI.Next.Formlets with Vars","UpdateNote":{"$V":{"$":1,"$0":"Converted to WS UI"}},"Created":1524139484830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_P.png?t=1524139484"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1291,"$1":1}},"Base62Id":"0000Kp","Title":"F# union JSON serialization","Description":"","UpdateNote":null,"Created":1524054826587,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kp.png?t=1524054826"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Kp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1290,"$1":1}},"Base62Id":"0000Ko","Title":"Inheritance test","Description":"","UpdateNote":null,"Created":1523997090393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ko.png?t=1523997090"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ko"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1282,"$1":3}},"Base62Id":"0000Kg","Title":"MVU: List of counters","Description":"Composing MVU components into a larger application","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523951903477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kg.png?t=1523951903"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1281,"$1":1}},"Base62Id":"0000Kf","Title":"MVU: Simple Counter","Description":"The most basic example of the MVU architecture","UpdateNote":null,"Created":1523949770507,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kf.png?t=1523949770"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":577,"$1":5}},"Base62Id":"00009J","Title":"Drawing around","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523872349303,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_J.png?t=1523872349"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1254,"$1":7}},"Base62Id":"0000KE","Title":"Current LensInto with bindVar, lensInto', lensView","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522620033407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000KE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1239,"$1":3}},"Base62Id":"0000Jz","Title":"DocLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586933967,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Jz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1241,"$1":3}},"Base62Id":"0000K1","Title":"MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586904747,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1245,"$1":10}},"Base62Id":"0000K5","Title":"Current LensInto with bindVar","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586009383,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1243,"$1":2}},"Base62Id":"0000K3","Title":"ListModel DocLens & MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522544327703,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1231,"$1":6}},"Base62Id":"0000Jr","Title":"Counter","Description":"A simple counter using the Model-View-Update pattern with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Made the separation between updating the model and Bind() clearer"}},"Created":1522257034663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jr.png?t=1522257034"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":168,"$1":5}},"Base62Id":"00002i","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":"Adapt to WebSharper.D3 API changes"}},"Created":1522246383803,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00002i.png?t=1522246383"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1227,"$1":2}},"Base62Id":"0000Jn","Title":"Login with Bulma","Description":"Simple login panel using Bulma and UI templating.","UpdateNote":{"$V":{"$":1,"$0":"Replaced DynamicClassPred with ClassPred and the V notation"}},"Created":1521847183340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jn.png?t=1521847183"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1223,"$1":3}},"Base62Id":"0000Jj","Title":"SlickGrid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1521042101660,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.SlickGrid","$1":["WebSharper.SlickGrid.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3303"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jj.png?t=1521042101"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3303\/0000Jj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":608,"$1":3}},"Base62Id":"00009o","Title":"Highcharts","Description":"The standard Highcharts sample with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520997596517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00009o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1218,"$1":2}},"Base62Id":"0000Je","Title":"Charting with Chart.js","Description":"Simple charts with Chart.js","UpdateNote":{"$V":{"$":1,"$0":"Moving open's to the top"}},"Created":1520997057797,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ChartJs","$1":["WebSharper.ChartJs.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Je.png?t=1520997057"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Je"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1217,"$1":1}},"Base62Id":"0000Jd","Title":"Raphael demo","Description":"Basic rendering with Raphael","UpdateNote":null,"Created":1520996406907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Raphael","$1":["WebSharper.JQueryUI.dll","WebSharper.Raphael.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jd.png?t=1520996406"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1212,"$1":2}},"Base62Id":"0000JY","Title":"WebGL rotating a logo","Description":"Simple snippet to load an image and rotate it using WebGL","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520973872517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.GlMatrix","$1":["WebSharper.GlMatrix.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1210,"$1":2}},"Base62Id":"0000JW","Title":"LocalStorage","Description":"Simple test to write and read values to the client's LocalStorage","UpdateNote":{"$V":{"$":1,"$0":"Moved incrementing value out of the event handler"}},"Created":1520972525027,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_W.png?t=1520972525"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1208,"$1":2}},"Base62Id":"0000JU","Title":"Geolocation","Description":"Simple example that shows how to retrieve the client's location (needs https)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520970818263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_U.png?t=1520970818"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1207,"$1":1}},"Base62Id":"0000JT","Title":"Plotting functions","Description":"Simple form to collect data for plotting functions","UpdateNote":null,"Created":1520969879237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_T.png?t=1520969879"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1206,"$1":1}},"Base62Id":"0000JS","Title":"Canvas","Description":"Basic HTML5 Canvas example","UpdateNote":null,"Created":1520967874913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_S.png?t=1520967874"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1200,"$1":4}},"Base62Id":"0000JM","Title":"Calculations with templating","Description":"Computing the factorial based on a templated form","UpdateNote":{"$V":{"$":1,"$0":"Fixed setting the value of the output \"pre\" tag"}},"Created":1520967559003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_M.png?t=1520967559"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1199,"$1":2}},"Base62Id":"0000JL","Title":"Calculations","Description":"Fixed snippet to run","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520948636260,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1202,"$1":1}},"Base62Id":"0000JO","Title":"Toggle Panel","Description":"","UpdateNote":null,"Created":1520905708860,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":444,"$1":3}},"Base62Id":"00007A","Title":"HammerJS example","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Convert from UI.Next to UI"}},"Created":1520866747380,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.HammerJS","$1":["WebSharper.HammerJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_A.png?t=1520866747"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/00007A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":438,"$1":3}},"Base62Id":"000074","Title":"Rickshaw simple graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Remove UI.Next"}},"Created":1520866669957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000074.png?t=1520866669"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/000074"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":951,"$1":3}},"Base62Id":"0000FL","Title":"Native JavaScript objects","Description":"Use plain JS objects directly in C#.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520856863183,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_L.png?t=1520856863"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":940,"$1":5}},"Base62Id":"0000FA","Title":"Interact with JavaScript from C#","Description":"5 ways of calling JavaScript code","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520853502337,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_A.png?t=1520853502"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FA"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1035,"$1":6}},"Base62Id":"0000Gh","Title":"C# tuples","Description":"C# tuple construction, conversions and deconstruction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852260867,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gh.png?t=1520852260"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Gh"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":978,"$1":3}},"Base62Id":"0000Fm","Title":"Singleton pattern with Lazy","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852244180,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fm.png?t=1520852244"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":964,"$1":4}},"Base62Id":"0000FY","Title":"Inheritance and override","Description":"Showing basic OO features of C# working in JavaScript","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852184273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_Y.png?t=1520852184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":579,"$1":5}},"Base62Id":"00009L","Title":"My TODO list with Template","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852150397,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_L.png?t=1520852150"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":968,"$1":3}},"Base62Id":"0000Fc","Title":"C# object and collection initializers","Description":"Property, collection and dictionary initializer syntax are supported by WebSharper, even for custom types","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852098677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fc.png?t=1520852098"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":600,"$1":2}},"Base62Id":"00009g","Title":"Printing lines","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849324440,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":587,"$1":4}},"Base62Id":"00009T","Title":"JSON type provider test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849287833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_T.png?t=1520849287"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":576,"$1":2}},"Base62Id":"00009I","Title":"D3 ContextBrushing","Description":"Demo from https:\/\/bl.ocks.org\/mbostock\/1667367","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849012193,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_I.png?t=1520849012"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":578,"$1":7}},"Base62Id":"00009K","Title":"C# charting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520847784350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_K.png?t=1520847784"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1101,"$1":3}},"Base62Id":"0000Hl","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520775947103,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hl.png?t=1520775947"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Hl"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1154,"$1":2}},"Base62Id":"0000Ic","Title":"Test with MailboxProcessor","Description":"Here it works, but by itself it fails to include reference to WebSharper.Control.js","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1519000357840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Ic"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1109,"$1":7}},"Base62Id":"0000Ht","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516700670307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ht"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1049,"$1":6}},"Base62Id":"0000Gv","Title":"error message: inner generic ...","Description":"Error message in WS 4.1 when using click2. No error message when using click.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516098144773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1108,"$1":1}},"Base62Id":"0000Hs","Title":"Str8ts Solution Reviewer","Description":"Demo of extensive use of Templates and Reactive HTML","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515508372777,"Updated":{"$V":{"$":1,"$0":1515508414563}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Hs"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1104,"$1":2}},"Base62Id":"0000Ho","Title":"async \/ ajax test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515273538840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ho"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1059,"$1":5}},"Base62Id":"0000H5","Title":"v2.Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax. v2","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508334750540,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_H5.png?t=1508334750"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000H5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1053,"$1":5}},"Base62Id":"0000Gz","Title":"Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508270631360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gz.png?t=1508270631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Gz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1051,"$1":2}},"Base62Id":"0000Gx","Title":"Class instance equality","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508154388667,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1048,"$1":1}},"Base62Id":"0000Gu","Title":"Class instance equality ","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508099879013,"Updated":{"$V":{"$":1,"$0":1508099985310}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Gu"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1025,"$1":2}},"Base62Id":"0000GX","Title":"Checkbox on click","Description":"Does not work in chrome, firefox, ie, only in Microsoft Edge","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506695911377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"StefanBelo"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/StefanBelo\/0000GX"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1024,"$1":1}},"Base62Id":"0000GW","Title":"Int32 is really int64","Description":"","UpdateNote":null,"Created":1506612452077,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":990,"$1":14}},"Base62Id":"0000Fy","Title":"Async Test (good)","Description":"Background calculations not blocking the UI update (see also the bad snipped)\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074435003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1016,"$1":5}},"Base62Id":"0000GO","Title":"Async Test (bad)","Description":"Background calculations blocking the UI update (see also the good snipped)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074416580,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":989,"$1":16}},"Base62Id":"0000Fx","Title":"Template test","Description":"Just to have a working example of templating\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506072320307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":831,"$1":2}},"Base62Id":"0000DP","Title":"InputTransform with tempate","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500631015130,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":898,"$1":3}},"Base62Id":"0000EU","Title":"Relation graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500472954720,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_U.png?t=1500472954"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":891,"$1":1}},"Base62Id":"0000EN","Title":"Dynamic tabs with Golden Layout","Description":"","UpdateNote":null,"Created":1500019315933,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":890,"$1":1}},"Base62Id":"0000EM","Title":"GoldenLayout example","Description":"","UpdateNote":null,"Created":1500019201083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":889,"$1":1}},"Base62Id":"0000EL","Title":"High score table","Description":"","UpdateNote":null,"Created":1499930635350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_L.png?t=1499930635"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":884,"$1":1}},"Base62Id":"0000EG","Title":"Intro a website","Description":"","UpdateNote":null,"Created":1499757587993,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.IntroJS","$1":["WebSharper.IntroJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_G.png?t=1499757587"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":838,"$1":2}},"Base62Id":"0000DW","Title":"AnimatedContactFlow","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499710391943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":881,"$1":1}},"Base62Id":"0000ED","Title":"Markdown parser","Description":"","UpdateNote":null,"Created":1499417990980,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_D.png?t=1499417990"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000ED"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":872,"$1":2}},"Base62Id":"0000E4","Title":"Unit operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499251405550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E4.png?t=1499251405"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":877,"$1":1}},"Base62Id":"0000E9","Title":"Parallax Scrolling with Swiper","Description":"This is the C# implementation of the example at http:\/\/idangero.us\/swiper\/demos\/28-parallax.html","UpdateNote":null,"Created":1499251257880,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E9.png?t=1499251257"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":876,"$1":1}},"Base62Id":"0000E8","Title":"Lazyloading Gallery with Swiper","Description":"This is the F# implementation of http:\/\/idangero.us\/swiper\/demos\/30-lazy-load-images.html","UpdateNote":null,"Created":1499250836840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E8.png?t=1499250836"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":874,"$1":1}},"Base62Id":"0000E6","Title":"TeX render","Description":"","UpdateNote":null,"Created":1499250503640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E6.png?t=1499250503"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":871,"$1":1}},"Base62Id":"0000E3","Title":"BigInteger operations","Description":"","UpdateNote":null,"Created":1499250417213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E3.png?t=1499250417"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":869,"$1":1}},"Base62Id":"0000E1","Title":"Complex and BigInteger","Description":"Operations with Complex and BigInteger numbers with active pattern matching.","UpdateNote":null,"Created":1499250320200,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E1.png?t=1499250320"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":867,"$1":1}},"Base62Id":"0000Dz","Title":"Vector operations","Description":"","UpdateNote":null,"Created":1499250246340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dz.png?t=1499250246"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":866,"$1":1}},"Base62Id":"0000Dy","Title":"Matrix operations","Description":"","UpdateNote":null,"Created":1499250211943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dy.png?t=1499250211"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":861,"$1":1}},"Base62Id":"0000Dt","Title":"Fraction vs. Float","Description":"","UpdateNote":null,"Created":1499249931597,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dt.png?t=1499249931"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":859,"$1":1}},"Base62Id":"0000Dr","Title":"Unit operations","Description":"","UpdateNote":null,"Created":1499249853607,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dr.png?t=1499249853"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":202,"$1":9}},"Base62Id":"00003G","Title":"Simple person formlet using UI.Next.Formlets","Description":"A simple UI.Next formlet","UpdateNote":{"$V":{"$":1,"$0":"Switched to Formlet.Do {...} to make example more clear."}},"Created":1498263633030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_G.png?t=1498263633"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":209,"$1":4}},"Base62Id":"00003N","Title":"Mapping the view of a simple reactive variable","Description":"A textbox and a label showing the text entered in all-caps.","UpdateNote":{"$V":{"$":1,"$0":"Updated code to make it clearer."}},"Created":1496956627863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_N.png?t=1496956627"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":850,"$1":1}},"Base62Id":"0000Di","Title":"MathJax","Description":"","UpdateNote":null,"Created":1496938925267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Di"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":837,"$1":1}},"Base62Id":"0000DV","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319217590,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":836,"$1":1}},"Base62Id":"0000DU","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319207460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":835,"$1":1}},"Base62Id":"0000DT","Title":"Calculator","Description":"","UpdateNote":null,"Created":1496318997697,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":834,"$1":1}},"Base62Id":"0000DS","Title":"Checkbox example","Description":"","UpdateNote":null,"Created":1496318836783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":833,"$1":1}},"Base62Id":"0000DR","Title":"EditablePersonList","Description":"","UpdateNote":null,"Created":1496318702393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":832,"$1":1}},"Base62Id":"0000DQ","Title":"PhoneExample","Description":"This example based on a tutorial that can be found in the AngularJS tutorial","UpdateNote":null,"Created":1496318552043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DQ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":830,"$1":1}},"Base62Id":"0000DO","Title":"InputTransform","Description":"","UpdateNote":null,"Created":1496310846207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":829,"$1":1}},"Base62Id":"0000DN","Title":"Animated Bobsleigh Site","Description":"","UpdateNote":null,"Created":1496309798680,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":825,"$1":2}},"Base62Id":"0000DJ","Title":"Object consistency sample","Description":"This snippet is based on this sample: https:\/\/bost.ocks.org\/mike\/constancy\/","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1495707435847,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":824,"$1":1}},"Base62Id":"0000DI","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706194270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":823,"$1":1}},"Base62Id":"0000DH","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706183737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":822,"$1":1}},"Base62Id":"0000DG","Title":"Mouse info sample","Description":"This example shows information based on the user's mouse interaction.","UpdateNote":null,"Created":1495705661767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":760,"$1":8}},"Base62Id":"0000CG","Title":"D3 force layout dragstart issue","Description":"How do I handle the dragstart event?","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1487240779503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000CG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":434,"$1":2}},"Base62Id":"000070","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485956757010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Khurram"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Khurram\/000070"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":753,"$1":2}},"Base62Id":"0000C9","Title":"Lensing\/focus problem with ListModel - 2","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601266990,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":751,"$1":2}},"Base62Id":"0000C7","Title":"Lensing\/focus problem with ListModel - 1","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601149010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":747,"$1":4}},"Base62Id":"0000C3","Title":"Lensing\/focus problem with ListModel","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485600644883,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":737,"$1":3}},"Base62Id":"0000Bt","Title":"3rd party autocomplete issue","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484346090550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":727,"$1":3}},"Base62Id":"0000Bj","Title":"Lensing\/focus problem","Description":"The DocSeqCached generated inputs lose focus after every key press.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484317537173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":723,"$1":2}},"Base62Id":"0000Bf","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":{"$V":{"$":1,"$0":"Added separating by type"}},"Created":1483253500407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Bf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":722,"$1":1}},"Base62Id":"0000Be","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":null,"Created":1483251409853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Be"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":621,"$1":3}},"Base62Id":"0000A1","Title":"Test of LineSeriesZonesCfg","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476536214533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Ragmjol"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Ragmjol\/0000A1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":611,"$1":9}},"Base62Id":"00009r","Title":"45 суток до отправления поезда","Description":"Реактивный расчет даты отправления поезда ОАО РЖД с валидацией и интерактивной обратной связью.\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476396839560,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"vlasovde@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/vlasovde~40gmail.com\/00009r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":604,"$1":1}},"Base62Id":"00009k","Title":"OnClick, increment","Description":"","UpdateNote":null,"Created":1475189199410,"Updated":{"$V":{"$":1,"$0":1475189244220}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"maestrow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/maestrow\/00009k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":441,"$1":3}},"Base62Id":"000077","Title":"Advanced example for WeSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1471423935237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000077.png?t=1471423935"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/000077"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":551,"$1":3}},"Base62Id":"00008t","Title":"Gos 01","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1465374765503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Goswin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Goswin\/00008t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":530,"$1":3}},"Base62Id":"00008Y","Title":"Array sort tests","Description":"Some basic tests for sorting arrays.","UpdateNote":{"$V":{"$":1,"$0":"Added sortBy variants"}},"Created":1462625300233,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00008_Y.png?t=1462625300"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00008Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":506,"$1":2}},"Base62Id":"00008A","Title":"navbars","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1460235375863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/00008A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":505,"$1":1}},"Base62Id":"000089","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211730240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000089"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":504,"$1":1}},"Base62Id":"000088","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211729277,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000088"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":503,"$1":1}},"Base62Id":"000087","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211728387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000087"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":502,"$1":1}},"Base62Id":"000086","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211668650,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000086"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":501,"$1":1}},"Base62Id":"000085","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211667067,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000085"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":500,"$1":1}},"Base62Id":"000084","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211666757,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000084"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":498,"$1":1}},"Base62Id":"000082","Title":"UI.Next Books","Description":"","UpdateNote":null,"Created":1460166650207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000082"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":450,"$1":7}},"Base62Id":"00007G","Title":"Momentjs example","Description":"This example shows how to use differnet locales and timezones, and the basic methods of the Moment object (like formatting).","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823526687,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_G.png?t=1458823526"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/00007G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":447,"$1":2}},"Base62Id":"00007D","Title":"UI.Next Books","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823418997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_D.png?t=1458823418"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00007D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":446,"$1":1}},"Base62Id":"00007C","Title":"Book sample","Description":"","UpdateNote":null,"Created":1458520002487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00007C"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":442,"$1":2}},"Base62Id":"000078","Title":"UI.Next ListModel example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458297748133,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000078.png?t=1458297748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000078"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":432,"$1":2}},"Base62Id":"00006y","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1457089622443,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006y.png?t=1457089622"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":425,"$1":1}},"Base62Id":"00006r","Title":"Debounce for JavaScript","Description":"","UpdateNote":null,"Created":1454856558057,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"michakun@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/michakun~40gmail.com\/00006r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":424,"$1":1}},"Base62Id":"00006q","Title":"Debounce for JavaScript","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454856165883,"Updated":{"$V":{"$":1,"$0":1454856219627}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/00006q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":416,"$1":3}},"Base62Id":"00006i","Title":"Login form with reactive piglets that disable controls","Description":"A simple login form implemented via reactive piglets, with the password box disabled if no username is given.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454733371897,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006i.png?t=1454733371"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":273,"$1":6}},"Base62Id":"00004P","Title":"Login with Piglets","Description":"Simple login piglet","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454484584773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Piglets","$1":["IntelliFactory.Reactive.dll","WebSharper.Piglets.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":400,"$1":1}},"Base62Id":"00006S","Title":"Asd","Description":"","UpdateNote":null,"Created":1453550344473,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00006S"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":142,"$1":4}},"Base62Id":"00002I","Title":"Simple Calculator","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453212631463,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_I.png?t=1453212631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00002I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":190,"$1":2}},"Base62Id":"000034","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151569677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000034.png?t=1453151569"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000034"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":241,"$1":4}},"Base62Id":"00003t","Title":"WebSharper.Data JsonProvider","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151553257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003t.png?t=1453151553"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00003t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":145,"$1":3}},"Base62Id":"00002L","Title":"Insert HTML content","Description":"Insert HTML content into the DOM using UI.Next","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452942011767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_L.png?t=1452942011"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":280,"$1":5}},"Base62Id":"00004W","Title":"JointJs sample","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452941977160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JointJS","$1":["WebSharper.JointJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_W.png?t=1452941977"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00004W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":272,"$1":2}},"Base62Id":"00004O","Title":"Composing reactive views for web forms","Description":"A simple asynchronous login form.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452893764210,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_O.png?t=1452893764"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004O"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":3}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":369,"$1":2}},"Base62Id":"00005x","Title":"Form.MapToAsyncResult example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891333247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005x.png?t=1452891333"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":96,"$1":5}},"Base62Id":"00001Y","Title":"WebPaint","Description":"An extended drawing snippet that has line width and color features.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452886079587,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Y.png?t=1452886079"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":843,"$1":1}},"Base62Id":"0000Db","Title":"Ext JS","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ExtJS","$1":["WebSharper.ExtJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/extjs.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Db"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":844,"$1":1}},"Base62Id":"0000Dc","Title":"Sencha Touch","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SenchaTouch","$1":["WebSharper.SenchaTouch.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/senchatouch.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":845,"$1":1}},"Base62Id":"0000Dd","Title":"Kendo UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.KendoUI","$1":["WebSharper.TypeScript.Lib.dll","WebSharper.KendoUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/kendoui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":846,"$1":1}},"Base62Id":"0000De","Title":"jQuery Mobile","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryMobile","$1":["WebSharper.JQuery.Mobile.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jquerymobile.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000De"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":847,"$1":1}},"Base62Id":"0000Df","Title":"jQuery UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jqueryui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Df"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":922,"$1":1}},"Base62Id":"0000Es","Title":"Todo List in C#","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list-csharp.png?t=1452882350"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/WebSharper\/0000Es"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":339,"$1":3}},"Base62Id":"00005T","Title":"Not working localized errors","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1451223702457,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Vasily Kirichenko"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Vasily~20Kirichenko\/00005T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":330,"$1":1}},"Base62Id":"00005K","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1449352684860,"Updated":{"$V":{"$":1,"$0":1452884475787}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00005K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":313,"$1":3}},"Base62Id":"000053","Title":"PeopleRegister","Description":"A small application to store data about people that survives a page refresh.","UpdateNote":{"$V":{"$":1,"$0":"Changed \"model\" to \"register\""}},"Created":1446824695620,"Updated":{"$V":{"$":1,"$0":1452884467770}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000053"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":315,"$1":2}},"Base62Id":"000055","Title":"Persistent ListModel","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446824557107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000055"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":284,"$1":2}},"Base62Id":"00004a","Title":"Attr.Dynamiclass","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446067759040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":267,"$1":1}},"Base62Id":"00004J","Title":"sitelet example","Description":"","UpdateNote":null,"Created":1445697657643,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"odin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/odin\/00004J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":261,"$1":2}},"Base62Id":"00004D","Title":"W# router (like the ui.next sample)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1445434844997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":255,"$1":3}},"Base62Id":"000047","Title":"JQueryUI with UI.Next","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444986193877,"Updated":{"$V":{"$":1,"$0":1453456520997}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000047"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":254,"$1":1}},"Base62Id":"000046","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1444942573217,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/000046"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":247,"$1":5}},"Base62Id":"00003z","Title":"Language","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444653482793,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00003z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":236,"$1":1}},"Base62Id":"00003o","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443432932957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":231,"$1":1}},"Base62Id":"00003j","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443109667247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":230,"$1":1}},"Base62Id":"00003i","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":null,"Created":1443081193040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":225,"$1":1}},"Base62Id":"00003d","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1442979278153,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00003d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":222,"$1":1}},"Base62Id":"00003a","Title":"A Simple Component","Description":"","UpdateNote":null,"Created":1442938605070,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"binf1611@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/binf1611~40gmail.com\/00003a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":104,"$1":2}},"Base62Id":"00001g","Title":"UI.Next SPA Router sample","Description":"SPA\nRouterMap\nBootstrap","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442822900857,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":208,"$1":3}},"Base62Id":"00003M","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442406171403,"Updated":{"$V":{"$":1,"$0":1452884494383}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":213,"$1":2}},"Base62Id":"00003R","Title":"Simple person piglet using UI.Next.Piglets","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442304456873,"Updated":{"$V":{"$":1,"$0":1452884493053}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003R"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":193,"$1":2}},"Base62Id":"000037","Title":"ReactForms","Description":"An attempt to a new form abstraction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441441116760,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000037"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":191,"$1":1}},"Base62Id":"000035","Title":"Prova","Description":"","UpdateNote":null,"Created":1441172437107,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000035"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":189,"$1":1}},"Base62Id":"000033","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1441143544420,"Updated":{"$V":{"$":1,"$0":1452884509550}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000033"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":147,"$1":4}},"Base62Id":"00002N","Title":"D3 intro","Description":"Basic usage of the D3 graphics library.","UpdateNote":{"$V":{"$":1,"$0":"Set references"}},"Created":1441142682287,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":178,"$1":3}},"Base62Id":"00002s","Title":"Play","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441022072987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"bananasareyellow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/bananasareyellow\/00002s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":175,"$1":2}},"Base62Id":"00002p","Title":"Todo List","Description":"Interesting..","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1440737473987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00002p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":169,"$1":1}},"Base62Id":"00002j","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":null,"Created":1440611592767,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Chester Husk III"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Chester~20Husk~20III\/00002j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":165,"$1":1}},"Base62Id":"00002f","Title":"123","Description":"","UpdateNote":null,"Created":1440608056553,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00002f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":116,"$1":1}},"Base62Id":"00001s","Title":"Navbar bootstrap","Description":"","UpdateNote":null,"Created":1439531502623,"Updated":{"$V":{"$":1,"$0":1439533283717}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":115,"$1":1}},"Base62Id":"00001r","Title":"Bug: ListModel can enter duplicate","Description":"","UpdateNote":null,"Created":1439524963367,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":114,"$1":1}},"Base62Id":"00001q","Title":"Fixed: ListModel add duplicate","Description":"Added int to id","UpdateNote":null,"Created":1439523570717,"Updated":{"$V":{"$":1,"$0":1439525106910}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":113,"$1":1}},"Base62Id":"00001p","Title":"Bug on ListModel with Json deserialize ","Description":"","UpdateNote":null,"Created":1439522709440,"Updated":{"$V":{"$":1,"$0":1439524439997}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":110,"$1":1}},"Base62Id":"00001m","Title":"Drag n drop counters","Description":"Websharper UI.Next sample drag n drop handling. Using counter to understand the flow of events called in JS.","UpdateNote":null,"Created":1439449108010,"Updated":{"$V":{"$":1,"$0":1439450137943}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001m"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":108,"$1":1}},"Base62Id":"00001k","Title":"Websharper UI.Net Ajax call to rest api","Description":"Using http:\/\/jsonplaceholder.typicode.com\/ as a test api","UpdateNote":null,"Created":1439389687527,"Updated":{"$V":{"$":1,"$0":1439489356527}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":106,"$1":1}},"Base62Id":"00001i","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1439331049070,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00001i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":84,"$1":1}},"Base62Id":"00001M","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1438710448653,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"dsyme"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/dsyme\/00001M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":73,"$1":1}},"Base62Id":"00001B","Title":"Adam's Basic Clock","Description":null,"UpdateNote":null,"Created":1438274933437,"Updated":{"$V":{"$":1,"$0":1438274951463}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001B"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":41,"$1":1}},"Base62Id":"00000f","Title":"Drawing Around","Description":null,"UpdateNote":null,"Created":1434717278830,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/drawing-around.png?t=1434717278"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":40,"$1":1}},"Base62Id":"00000e","Title":"Clock","Description":null,"UpdateNote":null,"Created":1434717217557,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/clock.png?t=1434717217"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000e"]]],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","Examples"]}},"ws1113788422":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginLayout"]}},"ws1817257530":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginButton"]}},"ws2063052562":{"$T":0,"$V":{"args":[{"$V":{"MainSite":"https:\/\/websharper.com","ForumSite":"https:\/\/forums.websharper.com","DevSite":"https:\/\/developers.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","SwiperContent"]}}}}}"> Try Websharper Try WebSharper Run Save Fork Documentation Downloads Try Online Blogs Forums Support person Try WebSharper Documentation Downloads Try Online Blogs Forums Support Samples Drawing around Pool game Clock Todo List Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile < Source Markup Comments Embed Help Result > 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PreviewHelpx Log in with:Cancel Embed it into your website Direct link Embed link Responsive frame <div style="width:100%;min-height:300px;position:relative"><iframe style="position:absolute;border:none;width:100%;height:100%" src=""></iframe><div> Connecting... Result Featured examples Todo List with F# Todo List with C# Drawing around Pool game Clock Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile Filter Refresh Name Languages check_box_outline_blank C# check_box_outline_blank F# Libraries check_box_outline_blank Name check_box_outline_blank ChartJs check_box_outline_blank Charting check_box_outline_blank Cytoscape check_box_outline_blank D3 check_box_outline_blank Data check_box_outline_blank Dojo check_box_outline_blank ExtJS check_box_outline_blank Forms check_box_outline_blank Forms.Bootstrap check_box_outline_blank GlMatrix check_box_outline_blank GoldenLayout check_box_outline_blank Google.CodePrettify check_box_outline_blank Google.Visualization check_box_outline_blank HammerJS check_box_outline_blank Highcharts check_box_outline_blank Html check_box_outline_blank IntroJS check_box_outline_blank JQueryMobile check_box_outline_blank JQueryUI check_box_outline_blank JointJS check_box_outline_blank KendoUI check_box_outline_blank MaterialUI check_box_outline_blank MathJS check_box_outline_blank MathJax check_box_outline_blank MediumEditor check_box_outline_blank Moment check_box_outline_blank Mvu check_box_outline_blank O3D check_box_outline_blank Peity check_box_outline_blank Piglets check_box_outline_blank Raphael check_box_outline_blank Rappid check_box_outline_blank React check_box_outline_blank Remarkable check_box_outline_blank Rickshaw check_box_outline_blank SenchaTouch check_box_outline_blank SlickGrid check_box_outline_blank SweetAlert check_box_outline_blank Swiper check_box_outline_blank UI check_box_outline_blank UI.Formlets check_box_outline_blank UI.Next check_box_outline_blank UI.Next.Piglets Authors check_box_outline_blank Name check_box_outline_blank adam.granicz (43) check_box_outline_blank JankoA (31) check_box_outline_blank loic.denuziere (24) check_box_outline_blank setr (19) check_box_outline_blank Lamk (16) check_box_outline_blank jooseppi (16) check_box_outline_blank user3383 (15) check_box_outline_blank user3359 (15) check_box_outline_blank qwe2 (15) check_box_outline_blank WebSharper (11) check_box_outline_blank sandorr (8) check_box_outline_blank Martin 000 (8) check_box_outline_blank adam.abonyi-toth (7) check_box_outline_blank Badmoonz (7) check_box_outline_blank user3343 (4) check_box_outline_blank Andreas Vilinski (4) check_box_outline_blank user3332 (3) check_box_outline_blank gergely.fabian (3) check_box_outline_blank user4207 (3) check_box_outline_blank user5892 (2) check_box_outline_blank user3850 (2) check_box_outline_blank Dark_Clark (2) check_box_outline_blank Anton Tayanovskyy (2) check_box_outline_blank malbertife (2) check_box_outline_blank Try WebSharper (2) check_box_outline_blank user4032 (1) check_box_outline_blank user3950 (1) check_box_outline_blank user3896 (1) check_box_outline_blank user3329 (1) check_box_outline_blank imranypatel@gmail.com (1) check_box_outline_blank user3757 (1) check_box_outline_blank user3735 (1) check_box_outline_blank user3546 (1) check_box_outline_blank user3530 (1) check_box_outline_blank user3303 (1) check_box_outline_blank StefanBelo (1) check_box_outline_blank Khurram (1) check_box_outline_blank Ragmjol (1) check_box_outline_blank vlasovde@gmail.com (1) check_box_outline_blank maestrow (1) check_box_outline_blank Goswin (1) check_box_outline_blank michakun@gmail.com (1) check_box_outline_blank Vasily Kirichenko (1) check_box_outline_blank odin (1) check_box_outline_blank binf1611@gmail.com (1) check_box_outline_blank bananasareyellow (1) check_box_outline_blank Chester Husk III (1) check_box_outline_blank dsyme (1) All snippets showing top 36 matches GlobalNation1 (doesn't compile) GlobalNations The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results. rock_paper_scissors F# + WebSharper to create a simple rock paper scissors game vs computer. (doesn't compile) Joke_Generator A simple app using a randomizer to give you a good joke and make your day better! Are lenses on record fields updated each time another lens is updated? Are lenses on record fields updated each time another lens is updated? ListModel.Doc updates all not only changes ListModel.Doc updates all not only changes Forms with currency using decimal and units of measure This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms Forms with currency using decimal and units of measure Todo List in F# Discard empty task names and always trim task names classDynPredBoth MVU + WebSharper.UI-based File Uploader Component Simple reactive file uploader component built using MVU architecture. MVU + WebSharper.UI-based File Uploader Component IP Project Tracker form with Submit WebSharper.Forms (Piglets) for collections example (https://github.com/intellifactory/websharper.forms/blob/master/docs/Introduction.md#piglets-for-collections) IP Project Tracker form with Submit UI Tic-Tac-Toe Port to UI of the Tic-Tac-Toe from the Intro to React tutorial. Testing custom Json convert See https://github.com/dotnet-websharper/core/issues/1127 Testing custom Json convert WebSharper.Forms WithSubmit test WebSharper.Forms WithSubmit test WSReactDatePicker react-datepicker component imported in WebSharper React React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI React hooks mixed with UI React hooks React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel React Sample Example of W# React React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel Google Visualization Hello world Hello world with WebSharper UI View.MapCachedBy and ListModel Demo View.MapCachedBy and ListModel Demo MVU with subpages attempt An attempt to implement MVU-based app with a tree of pages. MVU with subpages attempt Including a WS.UI Doc inside a WS.Html Element Including a WS.UI Doc inside a WS.Html Element Pythagorean Tree Creating a randomized Pythagorean tree using F# and HTML5 canvas Doc.SelectOptional - proposed fix relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional - proposed fix Doc.SelectOptional to be fixed relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional to be fixed F# Delayed function Demonstrates the use of a delayed action when typing into a text input F# Async cancellation F# Async cancellation Focus problem - nested ListModels Focus problem - nested ListModels Error in dynamic attribute Error in dynamic attribute Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue (version with bootstrap modal) Mock up for SelectDynOptional issue (version with bootstrap modal) A simple reactive formlet - Bug Repro A simple reactive formlet - Bug Repro Show more C# F# Import Gist Gist URL Invalid Gist URL Import Gist Gist URL Invalid Gist URL Keybindings Keybinding Action Ctrl-D Command-D Alt-Shift-Down Command-Option-Down Alt-Shift-Up Command-Option-Up Alt-Down Option-Down Alt-Up Option-Up Alt-Delete Command-K Alt-Backspace Command-Backspace Ctrl-Backspace Option-Backspace Ctrl-Delete Option-Delete Ctrl-, Command-, Ctrl-/ Command-/ Alt-L Command-Option-L Alt-Shift-L Command-Option-Shift-L Ctrl-F Command-F Ctrl-H Command-Option-F Ctrl-L Command-L Remove line Copy lines down Copy lines up Move lines down Move lines up Remove to line end Remove to line start Remove word left Remove word right Show settings Toggle comment Fold selection Unfold selection Find Replace Go to line X We are logging you in. Please be patient. This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.Read our Cookie PolicyAccept cookiesRefuse cookies xMarkdown CheatsheetYou can use a subset of standard Markdown syntax for formatting your message.Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 --- Emphasis *italics* or _italics_ **bold** or __bold__ **_combined_** Lists 1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses Links [inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage") Images  Code Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world" Tables | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | Blockquotes > Blockquotes are very handy. > This won't break line. Horizontal Rule Three or more... --- Hyphens *** Asterisks ___ Underscores Line BreaksOne new line will not start a new paragraph or break the line. For that use two or more newlines.Source and more detailed information.
<\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n"}},"FSharpCode":{"$V":{"$":0,"$0":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n"}},"IsFSharp":true,"InitFrameUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}},"ServiceUrlBase":"https:\/\/try.websharper.com","Domain":null,"Id":"main","RunButton":false,"AutoFocus":true,"AuthUrl":"https:\/\/fpish.net\/oauth2-mini\/Authorize?response_type=code&client_id=websharper.com&redirect_uri=https%3A%2F%2Ftry.websharper.com%2Foauth","Snippet":{"$V":{"$":1,"$0":{"$V":{"Snippet":[{"$V":{"IsFSharp":true,"Meta":{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":2}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"IndexFile":"\r\n \r\n <\/title>\r\n <\/head>\r\n \r\n \r\n \r\n Directed graph<\/label>\r\n \r\n Edit mode\r\n \r\n Double-click a blank paper area to create new nodes.\r\n Drag the text of nodes to create new edges.\r\n <\/p>\r\n <\/label>\r\n <\/div>\r\n <\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","RunPage"]}},"ws1841753244":{"$T":0,"$V":{"args":["\r\n \r\n \r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with F#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with C#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Drawing around<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Pool game<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Clock<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Google Visualization<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Ext JS<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Sencha Touch<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Kendo UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery Mobile<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n Documentation<\/a>\r\n Downloads<\/a>\r\n Try Online<\/a>\r\n Blogs<\/a>\r\n Forums<\/a>\r\n Support<\/a>\r\n<\/nav>"],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","FeaturedSwiper"]}},"ws251830965":{"$T":0,"$V":{"args":[[[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2418,"$1":1}},"Base62Id":"0000d0","Title":"GlobalNation1","Description":"","UpdateNote":null,"Created":1715336127987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user5892\/0000d0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2413,"$1":1}},"Base62Id":"0000cv","Title":"GlobalNations","Description":"The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results.","UpdateNote":null,"Created":1715281171960,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user5892\/0000cv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2383,"$1":24}},"Base62Id":"0000cR","Title":"rock_paper_scissors","Description":"F# + WebSharper to create a simple rock paper scissors game vs computer.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714714801950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4032"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user4032\/0000cR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2373,"$1":1}},"Base62Id":"0000cH","Title":"Joke_Generator","Description":"A simple app using a randomizer to give you a good joke and make your day better!\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714671713303,"Updated":{"$V":{"$":1,"$0":1714671959207}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000cH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2244,"$1":2}},"Base62Id":"0000aC","Title":"Are lenses on record fields updated each time another lens is updated?","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1687528464023,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000aC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2238,"$1":3}},"Base62Id":"0000a6","Title":"ListModel.Doc updates all not only changes","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1685017602890,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000a6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2191,"$1":4}},"Base62Id":"0000ZL","Title":"Forms with currency using decimal and units of measure","Description":"This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1671567510137,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3950"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3950\/0000ZL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2081,"$1":2}},"Base62Id":"0000XZ","Title":"Todo List in F#","Description":"Discard empty task names and always trim task names","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1632048665513,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3896"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3896\/0000XZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2074,"$1":2}},"Base62Id":"0000XS","Title":"classDynPredBoth","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1628698773110,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3329"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3329\/0000XS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1710,"$1":15}},"Base62Id":"0000Ra","Title":"MVU + WebSharper.UI-based File Uploader Component","Description":"Simple reactive file uploader component built using MVU architecture.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1627722238850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ra.png?t=1627722238"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ra"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2060,"$1":6}},"Base62Id":"0000XE","Title":"IP Project Tracker form with Submit","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1623162204853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"imranypatel@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/imranypatel~40gmail.com\/0000XE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1041,"$1":14}},"Base62Id":"0000Gn","Title":"UI Tic-Tac-Toe","Description":"Port to UI of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":"Add draw detection"}},"Created":1623143521257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gn.png?t=1623143521"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Gn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2000,"$1":1}},"Base62Id":"0000WG","Title":"Testing custom Json convert","Description":"See https:\/\/github.com\/dotnet-websharper\/core\/issues\/1127","UpdateNote":null,"Created":1620808701160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000WG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":437,"$1":2}},"Base62Id":"000073","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1620124508350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000073"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1960,"$1":15}},"Base62Id":"0000Vc","Title":"WSReactDatePicker","Description":"react-datepicker component imported in WebSharper React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1601211626073,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Vc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1951,"$1":8}},"Base62Id":"0000VT","Title":"React hooks mixed with UI the other way around: setting React from UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600521048467,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1947,"$1":5}},"Base62Id":"0000VP","Title":"React hooks mixed with UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600512338307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1946,"$1":1}},"Base62Id":"0000VO","Title":"React hooks","Description":"","UpdateNote":null,"Created":1600277512013,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000VO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1897,"$1":9}},"Base62Id":"0000Ub","Title":"React Grouping","Description":"\nExample of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600250241827,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ub"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1849,"$1":8}},"Base62Id":"0000Tp","Title":"React Sample","Description":"Example of W# React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600010700907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1855,"$1":29}},"Base62Id":"0000Tv","Title":"React Grouping","Description":"Example of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600004689907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":370,"$1":2}},"Base62Id":"00005y","Title":"Google Visualization","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1596618395480,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Google.Visualization","$1":["WebSharper.Google.Visualization.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/google-vis.png?t=1596618395"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00005y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":201,"$1":4}},"Base62Id":"00003F","Title":"Hello world","Description":"Hello world with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Updated old snippet to now use an RV."}},"Created":1590798784213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00003_F.png?t=1590798784"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003F"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1734,"$1":3}},"Base62Id":"0000Ry","Title":"View.MapCachedBy and ListModel Demo","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1589572791970,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ry.png?t=1589572791"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ry"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1724,"$1":10}},"Base62Id":"0000Ro","Title":"MVU with subpages attempt","Description":"An attempt to implement MVU-based app with a tree of pages.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588857583203,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ro"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1722,"$1":2}},"Base62Id":"0000Rm","Title":"Including a WS.UI Doc inside a WS.Html Element","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588636353727,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Rm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1696,"$1":4}},"Base62Id":"0000RM","Title":"Pythagorean Tree","Description":"Creating a randomized Pythagorean tree using F# and HTML5 canvas","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1586784421773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3757"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R_M.png?t=1586784421"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3757\/0000RM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1687,"$1":4}},"Base62Id":"0000RD","Title":"Doc.SelectOptional - proposed fix","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581866145157,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1686,"$1":1}},"Base62Id":"0000RC","Title":"Doc.SelectOptional to be fixed","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":null,"Created":1581849533173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1678,"$1":8}},"Base62Id":"0000R4","Title":"F# Delayed function","Description":"Demonstrates the use of a delayed action when typing into a text input","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581575162267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R4.png?t=1581575162"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000R4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1677,"$1":1}},"Base62Id":"0000R3","Title":"F# Async cancellation","Description":"","UpdateNote":null,"Created":1581520626737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000R3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1615,"$1":16}},"Base62Id":"0000Q3","Title":"Focus problem - nested ListModels","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1579853623783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3735"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3735\/0000Q3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1067,"$1":5}},"Base62Id":"0000HD","Title":"Error in dynamic attribute","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1576176434987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000HD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1601,"$1":2}},"Base62Id":"0000Pp","Title":"Mock up for SelectDynOptional issue - done!","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575913233123,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1596,"$1":3}},"Base62Id":"0000Pk","Title":"Mock up for SelectDynOptional issue (version with bootstrap modal)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575912712523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1590,"$1":2}},"Base62Id":"0000Pe","Title":"A simple reactive formlet - Bug Repro","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575536247390,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pe"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1581,"$1":2}},"Base62Id":"0000PV","Title":"F# 4.7 implicit yield","Description":"Constructing list with implicit yields","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570778745420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000PV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1571,"$1":2}},"Base62Id":"0000PL","Title":"Type Matching over Record Types","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570044930603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1562,"$1":7}},"Base62Id":"0000PC","Title":"Simple Calculator with Today UTC","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1569091310233,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1557,"$1":5}},"Base62Id":"0000P7","Title":"Date, DateTime and TimeSpan and UTC","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date. \n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1568898529813,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/user3383\/0000P7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1556,"$1":1}},"Base62Id":"0000P6","Title":"Minimal progressbar with inline javascript ","Description":"This snippet uses nanobar (https:\/\/github.com\/jacoborus\/nanobar)","UpdateNote":null,"Created":1568620741777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P6.png?t=1568620741"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1551,"$1":1}},"Base62Id":"0000P1","Title":"Pikaday datepicker example with Inline methods","Description":"","UpdateNote":null,"Created":1567066881627,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P1.png?t=1567066881"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1545,"$1":2}},"Base62Id":"0000Ov","Title":"[V blog] separate Vars composed with an Async function","Description":"Simulating a DB retrieval with View.MapAsync2","UpdateNote":{"$V":{"$":1,"$0":"https:\/\/gitter.im\/intellifactory\/websharper?at=5d64e409c8228962acd09ceb"}},"Created":1566898922600,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ov"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":860,"$1":2}},"Base62Id":"0000Ds","Title":"Complex operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565596072120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ds.png?t=1565596072"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Ds"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":880,"$1":3}},"Base62Id":"0000EC","Title":"Markdown parser with syntax highlighting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565250978707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_C.png?t=1565250978"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000EC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1533,"$1":3}},"Base62Id":"0000Oj","Title":"C# View.MapAsync example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646717913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Oj.png?t=1564646717"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Oj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1527,"$1":7}},"Base62Id":"0000Od","Title":"View.MapAsyncLoading example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646712743,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Od.png?t=1564646712"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Od"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1525,"$1":2}},"Base62Id":"0000Ob","Title":"LINQ with anonymous records","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563781837010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ob"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":902,"$1":3}},"Base62Id":"0000EY","Title":"Kruskal algorithm","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563263846613,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Y.png?t=1563263846"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":903,"$1":2}},"Base62Id":"0000EZ","Title":"Visual graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562745122167,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Z.png?t=1562745122"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1278,"$1":5}},"Base62Id":"0000Kc","Title":"MVU Paging","Description":"Use View.DocSeqCached","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562682853427,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1518,"$1":2}},"Base62Id":"0000OU","Title":"C# HTML inputs","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562279811240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000OU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":873,"$1":2}},"Base62Id":"0000E5","Title":"Swiper Android-Style Tabs","Description":"In this snippet we will make an Android-style tab system with the power of Swiper, CSS3 and of course WebSharper.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562140389030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E5.png?t=1562140389"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":892,"$1":5}},"Base62Id":"0000EO","Title":"Markdown Editor with Preview - Golden Layout","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562053396347,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":948,"$1":3}},"Base62Id":"0000FI","Title":"Task Cancellation","Description":"Demonstrate async Task cancellation on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1561361701717,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_I.png?t=1561361701"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":868,"$1":5}},"Base62Id":"0000E0","Title":"Swiper - Reactive Slide Index","Description":"In this snippet you can see how you can interact with the active slide index in a reactive manner.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560930472740,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E0.png?t=1560930472"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":862,"$1":3}},"Base62Id":"0000Du","Title":"AsciiMath render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757594407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Du.png?t=1560757594"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Du"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":863,"$1":2}},"Base62Id":"0000Dv","Title":"MathML render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757560117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dv.png?t=1560757560"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":864,"$1":3}},"Base62Id":"0000Dw","Title":"TeX render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757524263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dw.png?t=1560757524"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":870,"$1":3}},"Base62Id":"0000E2","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848231520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E2.png?t=1559848231"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E2"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1494,"$1":3}},"Base62Id":"0000O6","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848184817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O6.png?t=1559848184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":950,"$1":4}},"Base62Id":"0000FK","Title":"Erased unions","Description":"Demonstrate how to return a value of multiple possible types in a type-safe way without the runtime cost of a wrapper such as FSharpChoice.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559548403787,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_K.png?t=1559548403"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1488,"$1":4}},"Base62Id":"0000O0","Title":"D3 World Tour","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255894120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O0.png?t=1559255894"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":597,"$1":7}},"Base62Id":"00009d","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255814837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009d.png?t=1559255814"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":907,"$1":7}},"Base62Id":"0000Ed","Title":"Nicer popup boxes with SweetAlert","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559084194837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ed.png?t=1559084194"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000Ed"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1485,"$1":1}},"Base62Id":"0000Nx","Title":"Popup boxes with SweetAlert","Description":"","UpdateNote":null,"Created":1559084146830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Nx.png?t=1559084146"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Nx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1484,"$1":1}},"Base62Id":"0000Nw","Title":"Visualizing Dijkstra algorithm","Description":"","UpdateNote":null,"Created":1559033232833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000Nw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1090,"$1":3}},"Base62Id":"0000Ha","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339765040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ha"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1091,"$1":3}},"Base62Id":"0000Hb","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339761523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hb.png?t=1558339761"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Hb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1467,"$1":7}},"Base62Id":"0000Nf","Title":"React Grid Layout","Description":"Create a simple grid using react-grid-layout","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558084661107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Nf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1465,"$1":1}},"Base62Id":"0000Nd","Title":"Advanced example for WebSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1557960713723,"Updated":{"$V":{"$":1,"$0":1557962234603}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Nd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1454,"$1":3}},"Base62Id":"0000NS","Title":"Vue.js GridComponent sample","Description":"Conversion of a Vue.js sample using anonymous F# records","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1553636218910,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1446,"$1":1}},"Base62Id":"0000NK","Title":"F# Anonymous records","Description":"Shows using F# anonymous records in JavaSript translation","UpdateNote":null,"Created":1551200039373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_N_K.png?t=1551200039"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":274,"$1":9}},"Base62Id":"00004Q","Title":"Login form with reactive piglets","Description":"A simple login form implemented via reactive piglets.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI from UI.Next."}},"Created":1551119786403,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_Q.png?t=1551119786"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":290,"$1":17}},"Base62Id":"00004g","Title":"Login with reactive piglets + Bootstrap","Description":"Updated to use UI and Forms","UpdateNote":{"$V":{"$":1,"$0":"Fixed typo."}},"Created":1551117705107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":435,"$1":4}},"Base62Id":"000071","Title":"Random line charts","Description":"Three random line charts using Rickshaw","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085325623,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000071.png?t=1548085325"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000071"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":118,"$1":5}},"Base62Id":"00001u","Title":"Reactive input","Description":"Shows how to map text input as it is entered","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085253100,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001u.png?t=1548085253"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":428,"$1":3}},"Base62Id":"00006u","Title":"Mini charts","Description":"A mini chart that updates automatically and another on demand.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085097923,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Peity","$1":["WebSharper.Peity.dll","WebSharper.Peity.Bindings.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006u.png?t=1548085097"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":103,"$1":5}},"Base62Id":"00001f","Title":"Live chart","Description":"Show the mean of random data over time","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084999663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001f.png?t=1548084999"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":404,"$1":3}},"Base62Id":"00006W","Title":"Responsive chart","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084989163,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006_W.png?t=1548084989"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":127,"$1":4}},"Base62Id":"000023","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084547117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000023.png?t=1548084547"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000023"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":264,"$1":5}},"Base62Id":"00004G","Title":"Charting Sample with WebSharper.UI","Description":"A simple snippet showcasing WebSharper.Charting and WebSharper.UI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084520850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":265,"$1":2}},"Base62Id":"00004H","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084055460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004H"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":223,"$1":3}},"Base62Id":"00003b","Title":"Client-side Data Charting - Tertiary School Enrollment","Description":"Historic Tertiary School Enrollment chart for Austria\/Hungary\/UK\/US using WebSharper.Data and WebSharper.Charting","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548083624377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003b"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1325,"$1":7}},"Base62Id":"0000LN","Title":"WebComponents","Description":"Custom Element with one way communication","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1544016748270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_L_N.png?t=1544016748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1410,"$1":2}},"Base62Id":"0000Mk","Title":"Todo List MVU","Description":"Material UI + UI websharper + F# =)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1543091612670,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3546"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mk.png?t=1543091612"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3546\/0000Mk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1406,"$1":2}},"Base62Id":"0000Mg","Title":"Button group","Description":"Create a group of buttons that behave like a RadioGroup","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1542220752553,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mg.png?t=1542220752"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Mg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1402,"$1":2}},"Base62Id":"0000Mc","Title":"MVU Paging","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Fixed original template (it didn't compile): created input via `Doc.Input` instead of `input` to associate it with `inpVar: Var` which has a property `Value`"}},"Created":1541500382420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Mc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1395,"$1":2}},"Base62Id":"0000MV","Title":"Views for validation experiment","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1539337212533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3530"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3530\/0000MV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":112,"$1":5}},"Base62Id":"00001o","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI instead of UI.Next"}},"Created":1538143523047,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001o.png?t=1538143523"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":88,"$1":5}},"Base62Id":"00001Q","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536307107360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Q.png?t=1536307107"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":905,"$1":3}},"Base62Id":"0000Eb","Title":"Medium Editor","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536259374363,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MediumEditor","$1":["WebSharper.MediumEditor.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Eb.png?t=1536259374"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Eb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":804,"$1":4}},"Base62Id":"0000Cy","Title":"Person's pets form","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536255076340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Cy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":855,"$1":2}},"Base62Id":"0000Dn","Title":"Positive int input form","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254842950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Dn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":307,"$1":9}},"Base62Id":"00004x","Title":"Login with WebSharper.Forms.Bootstrap","Description":"Reactive login form with validation and feedback ","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254719603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004x.png?t=1536254719"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":39,"$1":2}},"Base62Id":"00000d","Title":"Pool Game","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536252570817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.O3D","$1":["WebSharper.O3D.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/pool-game.png?t=1536252570"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":154,"$1":7}},"Base62Id":"00002U","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535562292267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002U"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":219,"$1":3}},"Base62Id":"00003X","Title":"A Simple Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561992413,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003X"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":220,"$1":2}},"Base62Id":"00003Y","Title":"A Stateful Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561851820,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":221,"$1":2}},"Base62Id":"00003Z","Title":"Client-side routing","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561729460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":326,"$1":3}},"Base62Id":"00005G","Title":"to-do list","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561668713,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00005G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":196,"$1":3}},"Base62Id":"00003A","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561618487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1357,"$1":8}},"Base62Id":"0000Lt","Title":"React Tic-Tac-Toe","Description":"Port to WebSharper.React of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561571777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Lt.png?t=1535561571"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Lt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1351,"$1":6}},"Base62Id":"0000Ln","Title":"MVU Tic-Tac-Toe","Description":"Port to WebSharper.Mvu of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1534429511640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ln.png?t=1534429511"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Ln"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1346,"$1":2}},"Base62Id":"0000Li","Title":"MVU TodoMVC without templating","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533894962707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Li"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1285,"$1":7}},"Base62Id":"0000Kj","Title":"MVU TodoMVC","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":"Thanks to routing, filters don't need event handlers, href is enough."}},"Created":1533894714357,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kj.png?t=1533894714"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":42,"$1":2}},"Base62Id":"00000g","Title":"Todo List in F#","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533831689273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list.png?t=1533831689"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1339,"$1":3}},"Base62Id":"0000Lb","Title":"WithAttrs not found in JavaScript","Description":"A couple of issues with Elt object","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1530865990373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Lb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1321,"$1":2}},"Base62Id":"0000LJ","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525868678037,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1316,"$1":5}},"Base62Id":"0000LE","Title":"WebComponents","Description":"WebComponents with WebSharper Templates","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525867026083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1310,"$1":4}},"Base62Id":"0000L8","Title":"MVU TodoMVC with consistenView","Description":"TodoMVC using WebSharper.Mvu improved to avoid unnecessary rendering","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524948840270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000L8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":944,"$1":3}},"Base62Id":"0000FE","Title":"LINQ query expressions","Description":"Demonstrate C# LINQ query expressions and methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506818477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_E.png?t=1524506818"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":942,"$1":3}},"Base62Id":"0000FC","Title":"Date, DateTime and TimeSpan","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506801387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_C.png?t=1524506801"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":947,"$1":3}},"Base62Id":"0000FH","Title":"Await Task","Description":"Demonstrate async\/await Tasks on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506764043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_H.png?t=1524506764"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":941,"$1":3}},"Base62Id":"0000FB","Title":"GUID manipulation","Description":"Demonstrate using the type System.Guid on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506735090,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_B.png?t=1524506735"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FB"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":949,"$1":2}},"Base62Id":"0000FJ","Title":"Iterator with yield","Description":"Demonstrate using the yield keyword in C# on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506694127,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_J.png?t=1524506694"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":946,"$1":2}},"Base62Id":"0000FG","Title":"C# 7 Pattern Matching","Description":"Demonstrate C# 7 pattern matching on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504212447,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_G.png?t=1524504212"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":945,"$1":2}},"Base62Id":"0000FF","Title":"String Formatting","Description":"Demonstrate string formatting on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504025503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_F.png?t=1524504025"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FF"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":943,"$1":2}},"Base62Id":"0000FD","Title":"System.Array","Description":"Demonstrate the System.Array methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524503950520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_D.png?t=1524503950"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":979,"$1":5}},"Base62Id":"0000Fn","Title":"C# events and delegates","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524474420690,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fn.png?t=1524474420"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":237,"$1":8}},"Base62Id":"00003p","Title":"Workbook: Tertiary School Enrollment and GDP Per Capita","Description":"Workbook to compare Tertiary School Enrollment and GDP Per Capita figures for various EU countries and the US.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524139518677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003p.png?t=1524139518"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":211,"$1":4}},"Base62Id":"00003P","Title":"A simple reactive formlet","Description":"Simple person formlet using UI.Next.Formlets with Vars","UpdateNote":{"$V":{"$":1,"$0":"Converted to WS UI"}},"Created":1524139484830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_P.png?t=1524139484"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1291,"$1":1}},"Base62Id":"0000Kp","Title":"F# union JSON serialization","Description":"","UpdateNote":null,"Created":1524054826587,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kp.png?t=1524054826"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Kp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1290,"$1":1}},"Base62Id":"0000Ko","Title":"Inheritance test","Description":"","UpdateNote":null,"Created":1523997090393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ko.png?t=1523997090"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ko"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1282,"$1":3}},"Base62Id":"0000Kg","Title":"MVU: List of counters","Description":"Composing MVU components into a larger application","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523951903477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kg.png?t=1523951903"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1281,"$1":1}},"Base62Id":"0000Kf","Title":"MVU: Simple Counter","Description":"The most basic example of the MVU architecture","UpdateNote":null,"Created":1523949770507,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kf.png?t=1523949770"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":577,"$1":5}},"Base62Id":"00009J","Title":"Drawing around","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523872349303,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_J.png?t=1523872349"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1254,"$1":7}},"Base62Id":"0000KE","Title":"Current LensInto with bindVar, lensInto', lensView","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522620033407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000KE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1239,"$1":3}},"Base62Id":"0000Jz","Title":"DocLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586933967,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Jz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1241,"$1":3}},"Base62Id":"0000K1","Title":"MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586904747,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1245,"$1":10}},"Base62Id":"0000K5","Title":"Current LensInto with bindVar","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586009383,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1243,"$1":2}},"Base62Id":"0000K3","Title":"ListModel DocLens & MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522544327703,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1231,"$1":6}},"Base62Id":"0000Jr","Title":"Counter","Description":"A simple counter using the Model-View-Update pattern with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Made the separation between updating the model and Bind() clearer"}},"Created":1522257034663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jr.png?t=1522257034"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":168,"$1":5}},"Base62Id":"00002i","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":"Adapt to WebSharper.D3 API changes"}},"Created":1522246383803,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00002i.png?t=1522246383"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1227,"$1":2}},"Base62Id":"0000Jn","Title":"Login with Bulma","Description":"Simple login panel using Bulma and UI templating.","UpdateNote":{"$V":{"$":1,"$0":"Replaced DynamicClassPred with ClassPred and the V notation"}},"Created":1521847183340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jn.png?t=1521847183"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1223,"$1":3}},"Base62Id":"0000Jj","Title":"SlickGrid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1521042101660,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.SlickGrid","$1":["WebSharper.SlickGrid.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3303"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jj.png?t=1521042101"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3303\/0000Jj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":608,"$1":3}},"Base62Id":"00009o","Title":"Highcharts","Description":"The standard Highcharts sample with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520997596517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00009o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1218,"$1":2}},"Base62Id":"0000Je","Title":"Charting with Chart.js","Description":"Simple charts with Chart.js","UpdateNote":{"$V":{"$":1,"$0":"Moving open's to the top"}},"Created":1520997057797,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ChartJs","$1":["WebSharper.ChartJs.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Je.png?t=1520997057"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Je"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1217,"$1":1}},"Base62Id":"0000Jd","Title":"Raphael demo","Description":"Basic rendering with Raphael","UpdateNote":null,"Created":1520996406907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Raphael","$1":["WebSharper.JQueryUI.dll","WebSharper.Raphael.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jd.png?t=1520996406"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1212,"$1":2}},"Base62Id":"0000JY","Title":"WebGL rotating a logo","Description":"Simple snippet to load an image and rotate it using WebGL","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520973872517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.GlMatrix","$1":["WebSharper.GlMatrix.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1210,"$1":2}},"Base62Id":"0000JW","Title":"LocalStorage","Description":"Simple test to write and read values to the client's LocalStorage","UpdateNote":{"$V":{"$":1,"$0":"Moved incrementing value out of the event handler"}},"Created":1520972525027,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_W.png?t=1520972525"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1208,"$1":2}},"Base62Id":"0000JU","Title":"Geolocation","Description":"Simple example that shows how to retrieve the client's location (needs https)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520970818263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_U.png?t=1520970818"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1207,"$1":1}},"Base62Id":"0000JT","Title":"Plotting functions","Description":"Simple form to collect data for plotting functions","UpdateNote":null,"Created":1520969879237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_T.png?t=1520969879"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1206,"$1":1}},"Base62Id":"0000JS","Title":"Canvas","Description":"Basic HTML5 Canvas example","UpdateNote":null,"Created":1520967874913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_S.png?t=1520967874"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1200,"$1":4}},"Base62Id":"0000JM","Title":"Calculations with templating","Description":"Computing the factorial based on a templated form","UpdateNote":{"$V":{"$":1,"$0":"Fixed setting the value of the output \"pre\" tag"}},"Created":1520967559003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_M.png?t=1520967559"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1199,"$1":2}},"Base62Id":"0000JL","Title":"Calculations","Description":"Fixed snippet to run","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520948636260,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1202,"$1":1}},"Base62Id":"0000JO","Title":"Toggle Panel","Description":"","UpdateNote":null,"Created":1520905708860,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":444,"$1":3}},"Base62Id":"00007A","Title":"HammerJS example","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Convert from UI.Next to UI"}},"Created":1520866747380,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.HammerJS","$1":["WebSharper.HammerJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_A.png?t=1520866747"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/00007A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":438,"$1":3}},"Base62Id":"000074","Title":"Rickshaw simple graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Remove UI.Next"}},"Created":1520866669957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000074.png?t=1520866669"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/000074"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":951,"$1":3}},"Base62Id":"0000FL","Title":"Native JavaScript objects","Description":"Use plain JS objects directly in C#.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520856863183,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_L.png?t=1520856863"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":940,"$1":5}},"Base62Id":"0000FA","Title":"Interact with JavaScript from C#","Description":"5 ways of calling JavaScript code","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520853502337,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_A.png?t=1520853502"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FA"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1035,"$1":6}},"Base62Id":"0000Gh","Title":"C# tuples","Description":"C# tuple construction, conversions and deconstruction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852260867,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gh.png?t=1520852260"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Gh"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":978,"$1":3}},"Base62Id":"0000Fm","Title":"Singleton pattern with Lazy","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852244180,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fm.png?t=1520852244"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":964,"$1":4}},"Base62Id":"0000FY","Title":"Inheritance and override","Description":"Showing basic OO features of C# working in JavaScript","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852184273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_Y.png?t=1520852184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":579,"$1":5}},"Base62Id":"00009L","Title":"My TODO list with Template","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852150397,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_L.png?t=1520852150"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":968,"$1":3}},"Base62Id":"0000Fc","Title":"C# object and collection initializers","Description":"Property, collection and dictionary initializer syntax are supported by WebSharper, even for custom types","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852098677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fc.png?t=1520852098"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":600,"$1":2}},"Base62Id":"00009g","Title":"Printing lines","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849324440,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":587,"$1":4}},"Base62Id":"00009T","Title":"JSON type provider test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849287833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_T.png?t=1520849287"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":576,"$1":2}},"Base62Id":"00009I","Title":"D3 ContextBrushing","Description":"Demo from https:\/\/bl.ocks.org\/mbostock\/1667367","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849012193,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_I.png?t=1520849012"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":578,"$1":7}},"Base62Id":"00009K","Title":"C# charting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520847784350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_K.png?t=1520847784"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1101,"$1":3}},"Base62Id":"0000Hl","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520775947103,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hl.png?t=1520775947"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Hl"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1154,"$1":2}},"Base62Id":"0000Ic","Title":"Test with MailboxProcessor","Description":"Here it works, but by itself it fails to include reference to WebSharper.Control.js","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1519000357840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Ic"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1109,"$1":7}},"Base62Id":"0000Ht","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516700670307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ht"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1049,"$1":6}},"Base62Id":"0000Gv","Title":"error message: inner generic ...","Description":"Error message in WS 4.1 when using click2. No error message when using click.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516098144773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1108,"$1":1}},"Base62Id":"0000Hs","Title":"Str8ts Solution Reviewer","Description":"Demo of extensive use of Templates and Reactive HTML","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515508372777,"Updated":{"$V":{"$":1,"$0":1515508414563}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Hs"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1104,"$1":2}},"Base62Id":"0000Ho","Title":"async \/ ajax test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515273538840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ho"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1059,"$1":5}},"Base62Id":"0000H5","Title":"v2.Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax. v2","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508334750540,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_H5.png?t=1508334750"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000H5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1053,"$1":5}},"Base62Id":"0000Gz","Title":"Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508270631360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gz.png?t=1508270631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Gz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1051,"$1":2}},"Base62Id":"0000Gx","Title":"Class instance equality","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508154388667,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1048,"$1":1}},"Base62Id":"0000Gu","Title":"Class instance equality ","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508099879013,"Updated":{"$V":{"$":1,"$0":1508099985310}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Gu"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1025,"$1":2}},"Base62Id":"0000GX","Title":"Checkbox on click","Description":"Does not work in chrome, firefox, ie, only in Microsoft Edge","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506695911377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"StefanBelo"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/StefanBelo\/0000GX"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1024,"$1":1}},"Base62Id":"0000GW","Title":"Int32 is really int64","Description":"","UpdateNote":null,"Created":1506612452077,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":990,"$1":14}},"Base62Id":"0000Fy","Title":"Async Test (good)","Description":"Background calculations not blocking the UI update (see also the bad snipped)\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074435003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1016,"$1":5}},"Base62Id":"0000GO","Title":"Async Test (bad)","Description":"Background calculations blocking the UI update (see also the good snipped)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074416580,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":989,"$1":16}},"Base62Id":"0000Fx","Title":"Template test","Description":"Just to have a working example of templating\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506072320307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":831,"$1":2}},"Base62Id":"0000DP","Title":"InputTransform with tempate","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500631015130,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":898,"$1":3}},"Base62Id":"0000EU","Title":"Relation graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500472954720,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_U.png?t=1500472954"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":891,"$1":1}},"Base62Id":"0000EN","Title":"Dynamic tabs with Golden Layout","Description":"","UpdateNote":null,"Created":1500019315933,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":890,"$1":1}},"Base62Id":"0000EM","Title":"GoldenLayout example","Description":"","UpdateNote":null,"Created":1500019201083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":889,"$1":1}},"Base62Id":"0000EL","Title":"High score table","Description":"","UpdateNote":null,"Created":1499930635350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_L.png?t=1499930635"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":884,"$1":1}},"Base62Id":"0000EG","Title":"Intro a website","Description":"","UpdateNote":null,"Created":1499757587993,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.IntroJS","$1":["WebSharper.IntroJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_G.png?t=1499757587"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":838,"$1":2}},"Base62Id":"0000DW","Title":"AnimatedContactFlow","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499710391943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":881,"$1":1}},"Base62Id":"0000ED","Title":"Markdown parser","Description":"","UpdateNote":null,"Created":1499417990980,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_D.png?t=1499417990"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000ED"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":872,"$1":2}},"Base62Id":"0000E4","Title":"Unit operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499251405550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E4.png?t=1499251405"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":877,"$1":1}},"Base62Id":"0000E9","Title":"Parallax Scrolling with Swiper","Description":"This is the C# implementation of the example at http:\/\/idangero.us\/swiper\/demos\/28-parallax.html","UpdateNote":null,"Created":1499251257880,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E9.png?t=1499251257"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":876,"$1":1}},"Base62Id":"0000E8","Title":"Lazyloading Gallery with Swiper","Description":"This is the F# implementation of http:\/\/idangero.us\/swiper\/demos\/30-lazy-load-images.html","UpdateNote":null,"Created":1499250836840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E8.png?t=1499250836"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":874,"$1":1}},"Base62Id":"0000E6","Title":"TeX render","Description":"","UpdateNote":null,"Created":1499250503640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E6.png?t=1499250503"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":871,"$1":1}},"Base62Id":"0000E3","Title":"BigInteger operations","Description":"","UpdateNote":null,"Created":1499250417213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E3.png?t=1499250417"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":869,"$1":1}},"Base62Id":"0000E1","Title":"Complex and BigInteger","Description":"Operations with Complex and BigInteger numbers with active pattern matching.","UpdateNote":null,"Created":1499250320200,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E1.png?t=1499250320"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":867,"$1":1}},"Base62Id":"0000Dz","Title":"Vector operations","Description":"","UpdateNote":null,"Created":1499250246340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dz.png?t=1499250246"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":866,"$1":1}},"Base62Id":"0000Dy","Title":"Matrix operations","Description":"","UpdateNote":null,"Created":1499250211943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dy.png?t=1499250211"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":861,"$1":1}},"Base62Id":"0000Dt","Title":"Fraction vs. Float","Description":"","UpdateNote":null,"Created":1499249931597,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dt.png?t=1499249931"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":859,"$1":1}},"Base62Id":"0000Dr","Title":"Unit operations","Description":"","UpdateNote":null,"Created":1499249853607,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dr.png?t=1499249853"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":202,"$1":9}},"Base62Id":"00003G","Title":"Simple person formlet using UI.Next.Formlets","Description":"A simple UI.Next formlet","UpdateNote":{"$V":{"$":1,"$0":"Switched to Formlet.Do {...} to make example more clear."}},"Created":1498263633030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_G.png?t=1498263633"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":209,"$1":4}},"Base62Id":"00003N","Title":"Mapping the view of a simple reactive variable","Description":"A textbox and a label showing the text entered in all-caps.","UpdateNote":{"$V":{"$":1,"$0":"Updated code to make it clearer."}},"Created":1496956627863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_N.png?t=1496956627"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":850,"$1":1}},"Base62Id":"0000Di","Title":"MathJax","Description":"","UpdateNote":null,"Created":1496938925267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Di"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":837,"$1":1}},"Base62Id":"0000DV","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319217590,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":836,"$1":1}},"Base62Id":"0000DU","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319207460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":835,"$1":1}},"Base62Id":"0000DT","Title":"Calculator","Description":"","UpdateNote":null,"Created":1496318997697,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":834,"$1":1}},"Base62Id":"0000DS","Title":"Checkbox example","Description":"","UpdateNote":null,"Created":1496318836783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":833,"$1":1}},"Base62Id":"0000DR","Title":"EditablePersonList","Description":"","UpdateNote":null,"Created":1496318702393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":832,"$1":1}},"Base62Id":"0000DQ","Title":"PhoneExample","Description":"This example based on a tutorial that can be found in the AngularJS tutorial","UpdateNote":null,"Created":1496318552043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DQ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":830,"$1":1}},"Base62Id":"0000DO","Title":"InputTransform","Description":"","UpdateNote":null,"Created":1496310846207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":829,"$1":1}},"Base62Id":"0000DN","Title":"Animated Bobsleigh Site","Description":"","UpdateNote":null,"Created":1496309798680,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":825,"$1":2}},"Base62Id":"0000DJ","Title":"Object consistency sample","Description":"This snippet is based on this sample: https:\/\/bost.ocks.org\/mike\/constancy\/","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1495707435847,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":824,"$1":1}},"Base62Id":"0000DI","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706194270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":823,"$1":1}},"Base62Id":"0000DH","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706183737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":822,"$1":1}},"Base62Id":"0000DG","Title":"Mouse info sample","Description":"This example shows information based on the user's mouse interaction.","UpdateNote":null,"Created":1495705661767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":760,"$1":8}},"Base62Id":"0000CG","Title":"D3 force layout dragstart issue","Description":"How do I handle the dragstart event?","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1487240779503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000CG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":434,"$1":2}},"Base62Id":"000070","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485956757010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Khurram"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Khurram\/000070"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":753,"$1":2}},"Base62Id":"0000C9","Title":"Lensing\/focus problem with ListModel - 2","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601266990,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":751,"$1":2}},"Base62Id":"0000C7","Title":"Lensing\/focus problem with ListModel - 1","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601149010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":747,"$1":4}},"Base62Id":"0000C3","Title":"Lensing\/focus problem with ListModel","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485600644883,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":737,"$1":3}},"Base62Id":"0000Bt","Title":"3rd party autocomplete issue","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484346090550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":727,"$1":3}},"Base62Id":"0000Bj","Title":"Lensing\/focus problem","Description":"The DocSeqCached generated inputs lose focus after every key press.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484317537173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":723,"$1":2}},"Base62Id":"0000Bf","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":{"$V":{"$":1,"$0":"Added separating by type"}},"Created":1483253500407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Bf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":722,"$1":1}},"Base62Id":"0000Be","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":null,"Created":1483251409853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Be"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":621,"$1":3}},"Base62Id":"0000A1","Title":"Test of LineSeriesZonesCfg","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476536214533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Ragmjol"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Ragmjol\/0000A1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":611,"$1":9}},"Base62Id":"00009r","Title":"45 суток до отправления поезда","Description":"Реактивный расчет даты отправления поезда ОАО РЖД с валидацией и интерактивной обратной связью.\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476396839560,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"vlasovde@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/vlasovde~40gmail.com\/00009r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":604,"$1":1}},"Base62Id":"00009k","Title":"OnClick, increment","Description":"","UpdateNote":null,"Created":1475189199410,"Updated":{"$V":{"$":1,"$0":1475189244220}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"maestrow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/maestrow\/00009k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":441,"$1":3}},"Base62Id":"000077","Title":"Advanced example for WeSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1471423935237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000077.png?t=1471423935"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/000077"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":551,"$1":3}},"Base62Id":"00008t","Title":"Gos 01","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1465374765503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Goswin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Goswin\/00008t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":530,"$1":3}},"Base62Id":"00008Y","Title":"Array sort tests","Description":"Some basic tests for sorting arrays.","UpdateNote":{"$V":{"$":1,"$0":"Added sortBy variants"}},"Created":1462625300233,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00008_Y.png?t=1462625300"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00008Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":506,"$1":2}},"Base62Id":"00008A","Title":"navbars","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1460235375863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/00008A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":505,"$1":1}},"Base62Id":"000089","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211730240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000089"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":504,"$1":1}},"Base62Id":"000088","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211729277,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000088"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":503,"$1":1}},"Base62Id":"000087","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211728387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000087"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":502,"$1":1}},"Base62Id":"000086","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211668650,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000086"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":501,"$1":1}},"Base62Id":"000085","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211667067,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000085"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":500,"$1":1}},"Base62Id":"000084","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211666757,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000084"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":498,"$1":1}},"Base62Id":"000082","Title":"UI.Next Books","Description":"","UpdateNote":null,"Created":1460166650207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000082"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":450,"$1":7}},"Base62Id":"00007G","Title":"Momentjs example","Description":"This example shows how to use differnet locales and timezones, and the basic methods of the Moment object (like formatting).","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823526687,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_G.png?t=1458823526"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/00007G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":447,"$1":2}},"Base62Id":"00007D","Title":"UI.Next Books","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823418997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_D.png?t=1458823418"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00007D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":446,"$1":1}},"Base62Id":"00007C","Title":"Book sample","Description":"","UpdateNote":null,"Created":1458520002487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00007C"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":442,"$1":2}},"Base62Id":"000078","Title":"UI.Next ListModel example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458297748133,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000078.png?t=1458297748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000078"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":432,"$1":2}},"Base62Id":"00006y","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1457089622443,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006y.png?t=1457089622"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":425,"$1":1}},"Base62Id":"00006r","Title":"Debounce for JavaScript","Description":"","UpdateNote":null,"Created":1454856558057,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"michakun@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/michakun~40gmail.com\/00006r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":424,"$1":1}},"Base62Id":"00006q","Title":"Debounce for JavaScript","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454856165883,"Updated":{"$V":{"$":1,"$0":1454856219627}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/00006q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":416,"$1":3}},"Base62Id":"00006i","Title":"Login form with reactive piglets that disable controls","Description":"A simple login form implemented via reactive piglets, with the password box disabled if no username is given.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454733371897,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006i.png?t=1454733371"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":273,"$1":6}},"Base62Id":"00004P","Title":"Login with Piglets","Description":"Simple login piglet","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454484584773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Piglets","$1":["IntelliFactory.Reactive.dll","WebSharper.Piglets.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":400,"$1":1}},"Base62Id":"00006S","Title":"Asd","Description":"","UpdateNote":null,"Created":1453550344473,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00006S"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":142,"$1":4}},"Base62Id":"00002I","Title":"Simple Calculator","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453212631463,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_I.png?t=1453212631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00002I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":190,"$1":2}},"Base62Id":"000034","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151569677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000034.png?t=1453151569"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000034"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":241,"$1":4}},"Base62Id":"00003t","Title":"WebSharper.Data JsonProvider","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151553257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003t.png?t=1453151553"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00003t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":145,"$1":3}},"Base62Id":"00002L","Title":"Insert HTML content","Description":"Insert HTML content into the DOM using UI.Next","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452942011767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_L.png?t=1452942011"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":280,"$1":5}},"Base62Id":"00004W","Title":"JointJs sample","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452941977160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JointJS","$1":["WebSharper.JointJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_W.png?t=1452941977"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00004W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":272,"$1":2}},"Base62Id":"00004O","Title":"Composing reactive views for web forms","Description":"A simple asynchronous login form.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452893764210,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_O.png?t=1452893764"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004O"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":3}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":369,"$1":2}},"Base62Id":"00005x","Title":"Form.MapToAsyncResult example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891333247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005x.png?t=1452891333"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":96,"$1":5}},"Base62Id":"00001Y","Title":"WebPaint","Description":"An extended drawing snippet that has line width and color features.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452886079587,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Y.png?t=1452886079"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":843,"$1":1}},"Base62Id":"0000Db","Title":"Ext JS","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ExtJS","$1":["WebSharper.ExtJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/extjs.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Db"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":844,"$1":1}},"Base62Id":"0000Dc","Title":"Sencha Touch","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SenchaTouch","$1":["WebSharper.SenchaTouch.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/senchatouch.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":845,"$1":1}},"Base62Id":"0000Dd","Title":"Kendo UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.KendoUI","$1":["WebSharper.TypeScript.Lib.dll","WebSharper.KendoUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/kendoui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":846,"$1":1}},"Base62Id":"0000De","Title":"jQuery Mobile","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryMobile","$1":["WebSharper.JQuery.Mobile.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jquerymobile.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000De"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":847,"$1":1}},"Base62Id":"0000Df","Title":"jQuery UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jqueryui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Df"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":922,"$1":1}},"Base62Id":"0000Es","Title":"Todo List in C#","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list-csharp.png?t=1452882350"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/WebSharper\/0000Es"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":339,"$1":3}},"Base62Id":"00005T","Title":"Not working localized errors","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1451223702457,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Vasily Kirichenko"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Vasily~20Kirichenko\/00005T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":330,"$1":1}},"Base62Id":"00005K","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1449352684860,"Updated":{"$V":{"$":1,"$0":1452884475787}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00005K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":313,"$1":3}},"Base62Id":"000053","Title":"PeopleRegister","Description":"A small application to store data about people that survives a page refresh.","UpdateNote":{"$V":{"$":1,"$0":"Changed \"model\" to \"register\""}},"Created":1446824695620,"Updated":{"$V":{"$":1,"$0":1452884467770}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000053"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":315,"$1":2}},"Base62Id":"000055","Title":"Persistent ListModel","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446824557107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000055"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":284,"$1":2}},"Base62Id":"00004a","Title":"Attr.Dynamiclass","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446067759040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":267,"$1":1}},"Base62Id":"00004J","Title":"sitelet example","Description":"","UpdateNote":null,"Created":1445697657643,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"odin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/odin\/00004J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":261,"$1":2}},"Base62Id":"00004D","Title":"W# router (like the ui.next sample)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1445434844997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":255,"$1":3}},"Base62Id":"000047","Title":"JQueryUI with UI.Next","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444986193877,"Updated":{"$V":{"$":1,"$0":1453456520997}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000047"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":254,"$1":1}},"Base62Id":"000046","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1444942573217,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/000046"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":247,"$1":5}},"Base62Id":"00003z","Title":"Language","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444653482793,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00003z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":236,"$1":1}},"Base62Id":"00003o","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443432932957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":231,"$1":1}},"Base62Id":"00003j","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443109667247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":230,"$1":1}},"Base62Id":"00003i","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":null,"Created":1443081193040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":225,"$1":1}},"Base62Id":"00003d","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1442979278153,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00003d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":222,"$1":1}},"Base62Id":"00003a","Title":"A Simple Component","Description":"","UpdateNote":null,"Created":1442938605070,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"binf1611@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/binf1611~40gmail.com\/00003a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":104,"$1":2}},"Base62Id":"00001g","Title":"UI.Next SPA Router sample","Description":"SPA\nRouterMap\nBootstrap","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442822900857,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":208,"$1":3}},"Base62Id":"00003M","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442406171403,"Updated":{"$V":{"$":1,"$0":1452884494383}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":213,"$1":2}},"Base62Id":"00003R","Title":"Simple person piglet using UI.Next.Piglets","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442304456873,"Updated":{"$V":{"$":1,"$0":1452884493053}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003R"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":193,"$1":2}},"Base62Id":"000037","Title":"ReactForms","Description":"An attempt to a new form abstraction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441441116760,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000037"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":191,"$1":1}},"Base62Id":"000035","Title":"Prova","Description":"","UpdateNote":null,"Created":1441172437107,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000035"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":189,"$1":1}},"Base62Id":"000033","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1441143544420,"Updated":{"$V":{"$":1,"$0":1452884509550}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000033"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":147,"$1":4}},"Base62Id":"00002N","Title":"D3 intro","Description":"Basic usage of the D3 graphics library.","UpdateNote":{"$V":{"$":1,"$0":"Set references"}},"Created":1441142682287,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":178,"$1":3}},"Base62Id":"00002s","Title":"Play","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441022072987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"bananasareyellow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/bananasareyellow\/00002s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":175,"$1":2}},"Base62Id":"00002p","Title":"Todo List","Description":"Interesting..","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1440737473987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00002p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":169,"$1":1}},"Base62Id":"00002j","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":null,"Created":1440611592767,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Chester Husk III"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Chester~20Husk~20III\/00002j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":165,"$1":1}},"Base62Id":"00002f","Title":"123","Description":"","UpdateNote":null,"Created":1440608056553,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00002f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":116,"$1":1}},"Base62Id":"00001s","Title":"Navbar bootstrap","Description":"","UpdateNote":null,"Created":1439531502623,"Updated":{"$V":{"$":1,"$0":1439533283717}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":115,"$1":1}},"Base62Id":"00001r","Title":"Bug: ListModel can enter duplicate","Description":"","UpdateNote":null,"Created":1439524963367,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":114,"$1":1}},"Base62Id":"00001q","Title":"Fixed: ListModel add duplicate","Description":"Added int to id","UpdateNote":null,"Created":1439523570717,"Updated":{"$V":{"$":1,"$0":1439525106910}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":113,"$1":1}},"Base62Id":"00001p","Title":"Bug on ListModel with Json deserialize ","Description":"","UpdateNote":null,"Created":1439522709440,"Updated":{"$V":{"$":1,"$0":1439524439997}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":110,"$1":1}},"Base62Id":"00001m","Title":"Drag n drop counters","Description":"Websharper UI.Next sample drag n drop handling. Using counter to understand the flow of events called in JS.","UpdateNote":null,"Created":1439449108010,"Updated":{"$V":{"$":1,"$0":1439450137943}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001m"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":108,"$1":1}},"Base62Id":"00001k","Title":"Websharper UI.Net Ajax call to rest api","Description":"Using http:\/\/jsonplaceholder.typicode.com\/ as a test api","UpdateNote":null,"Created":1439389687527,"Updated":{"$V":{"$":1,"$0":1439489356527}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":106,"$1":1}},"Base62Id":"00001i","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1439331049070,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00001i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":84,"$1":1}},"Base62Id":"00001M","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1438710448653,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"dsyme"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/dsyme\/00001M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":73,"$1":1}},"Base62Id":"00001B","Title":"Adam's Basic Clock","Description":null,"UpdateNote":null,"Created":1438274933437,"Updated":{"$V":{"$":1,"$0":1438274951463}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001B"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":41,"$1":1}},"Base62Id":"00000f","Title":"Drawing Around","Description":null,"UpdateNote":null,"Created":1434717278830,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/drawing-around.png?t=1434717278"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":40,"$1":1}},"Base62Id":"00000e","Title":"Clock","Description":null,"UpdateNote":null,"Created":1434717217557,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/clock.png?t=1434717217"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000e"]]],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","Examples"]}},"ws1113788422":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginLayout"]}},"ws1817257530":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginButton"]}},"ws2063052562":{"$T":0,"$V":{"args":[{"$V":{"MainSite":"https:\/\/websharper.com","ForumSite":"https:\/\/forums.websharper.com","DevSite":"https:\/\/developers.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","SwiperContent"]}}}}}"> Try Websharper Try WebSharper Run Save Fork Documentation Downloads Try Online Blogs Forums Support person Try WebSharper Documentation Downloads Try Online Blogs Forums Support Samples Drawing around Pool game Clock Todo List Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile < Source Markup Comments Embed Help Result > 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PreviewHelpx Log in with:Cancel Embed it into your website Direct link Embed link Responsive frame <div style="width:100%;min-height:300px;position:relative"><iframe style="position:absolute;border:none;width:100%;height:100%" src=""></iframe><div> Connecting... Result Featured examples Todo List with F# Todo List with C# Drawing around Pool game Clock Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile Filter Refresh Name Languages check_box_outline_blank C# check_box_outline_blank F# Libraries check_box_outline_blank Name check_box_outline_blank ChartJs check_box_outline_blank Charting check_box_outline_blank Cytoscape check_box_outline_blank D3 check_box_outline_blank Data check_box_outline_blank Dojo check_box_outline_blank ExtJS check_box_outline_blank Forms check_box_outline_blank Forms.Bootstrap check_box_outline_blank GlMatrix check_box_outline_blank GoldenLayout check_box_outline_blank Google.CodePrettify check_box_outline_blank Google.Visualization check_box_outline_blank HammerJS check_box_outline_blank Highcharts check_box_outline_blank Html check_box_outline_blank IntroJS check_box_outline_blank JQueryMobile check_box_outline_blank JQueryUI check_box_outline_blank JointJS check_box_outline_blank KendoUI check_box_outline_blank MaterialUI check_box_outline_blank MathJS check_box_outline_blank MathJax check_box_outline_blank MediumEditor check_box_outline_blank Moment check_box_outline_blank Mvu check_box_outline_blank O3D check_box_outline_blank Peity check_box_outline_blank Piglets check_box_outline_blank Raphael check_box_outline_blank Rappid check_box_outline_blank React check_box_outline_blank Remarkable check_box_outline_blank Rickshaw check_box_outline_blank SenchaTouch check_box_outline_blank SlickGrid check_box_outline_blank SweetAlert check_box_outline_blank Swiper check_box_outline_blank UI check_box_outline_blank UI.Formlets check_box_outline_blank UI.Next check_box_outline_blank UI.Next.Piglets Authors check_box_outline_blank Name check_box_outline_blank adam.granicz (43) check_box_outline_blank JankoA (31) check_box_outline_blank loic.denuziere (24) check_box_outline_blank setr (19) check_box_outline_blank Lamk (16) check_box_outline_blank jooseppi (16) check_box_outline_blank user3383 (15) check_box_outline_blank user3359 (15) check_box_outline_blank qwe2 (15) check_box_outline_blank WebSharper (11) check_box_outline_blank sandorr (8) check_box_outline_blank Martin 000 (8) check_box_outline_blank adam.abonyi-toth (7) check_box_outline_blank Badmoonz (7) check_box_outline_blank user3343 (4) check_box_outline_blank Andreas Vilinski (4) check_box_outline_blank user3332 (3) check_box_outline_blank gergely.fabian (3) check_box_outline_blank user4207 (3) check_box_outline_blank user5892 (2) check_box_outline_blank user3850 (2) check_box_outline_blank Dark_Clark (2) check_box_outline_blank Anton Tayanovskyy (2) check_box_outline_blank malbertife (2) check_box_outline_blank Try WebSharper (2) check_box_outline_blank user4032 (1) check_box_outline_blank user3950 (1) check_box_outline_blank user3896 (1) check_box_outline_blank user3329 (1) check_box_outline_blank imranypatel@gmail.com (1) check_box_outline_blank user3757 (1) check_box_outline_blank user3735 (1) check_box_outline_blank user3546 (1) check_box_outline_blank user3530 (1) check_box_outline_blank user3303 (1) check_box_outline_blank StefanBelo (1) check_box_outline_blank Khurram (1) check_box_outline_blank Ragmjol (1) check_box_outline_blank vlasovde@gmail.com (1) check_box_outline_blank maestrow (1) check_box_outline_blank Goswin (1) check_box_outline_blank michakun@gmail.com (1) check_box_outline_blank Vasily Kirichenko (1) check_box_outline_blank odin (1) check_box_outline_blank binf1611@gmail.com (1) check_box_outline_blank bananasareyellow (1) check_box_outline_blank Chester Husk III (1) check_box_outline_blank dsyme (1) All snippets showing top 36 matches GlobalNation1 (doesn't compile) GlobalNations The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results. rock_paper_scissors F# + WebSharper to create a simple rock paper scissors game vs computer. (doesn't compile) Joke_Generator A simple app using a randomizer to give you a good joke and make your day better! Are lenses on record fields updated each time another lens is updated? Are lenses on record fields updated each time another lens is updated? ListModel.Doc updates all not only changes ListModel.Doc updates all not only changes Forms with currency using decimal and units of measure This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms Forms with currency using decimal and units of measure Todo List in F# Discard empty task names and always trim task names classDynPredBoth MVU + WebSharper.UI-based File Uploader Component Simple reactive file uploader component built using MVU architecture. MVU + WebSharper.UI-based File Uploader Component IP Project Tracker form with Submit WebSharper.Forms (Piglets) for collections example (https://github.com/intellifactory/websharper.forms/blob/master/docs/Introduction.md#piglets-for-collections) IP Project Tracker form with Submit UI Tic-Tac-Toe Port to UI of the Tic-Tac-Toe from the Intro to React tutorial. Testing custom Json convert See https://github.com/dotnet-websharper/core/issues/1127 Testing custom Json convert WebSharper.Forms WithSubmit test WebSharper.Forms WithSubmit test WSReactDatePicker react-datepicker component imported in WebSharper React React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI React hooks mixed with UI React hooks React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel React Sample Example of W# React React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel Google Visualization Hello world Hello world with WebSharper UI View.MapCachedBy and ListModel Demo View.MapCachedBy and ListModel Demo MVU with subpages attempt An attempt to implement MVU-based app with a tree of pages. MVU with subpages attempt Including a WS.UI Doc inside a WS.Html Element Including a WS.UI Doc inside a WS.Html Element Pythagorean Tree Creating a randomized Pythagorean tree using F# and HTML5 canvas Doc.SelectOptional - proposed fix relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional - proposed fix Doc.SelectOptional to be fixed relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional to be fixed F# Delayed function Demonstrates the use of a delayed action when typing into a text input F# Async cancellation F# Async cancellation Focus problem - nested ListModels Focus problem - nested ListModels Error in dynamic attribute Error in dynamic attribute Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue (version with bootstrap modal) Mock up for SelectDynOptional issue (version with bootstrap modal) A simple reactive formlet - Bug Repro A simple reactive formlet - Bug Repro Show more C# F# Import Gist Gist URL Invalid Gist URL Import Gist Gist URL Invalid Gist URL Keybindings Keybinding Action Ctrl-D Command-D Alt-Shift-Down Command-Option-Down Alt-Shift-Up Command-Option-Up Alt-Down Option-Down Alt-Up Option-Up Alt-Delete Command-K Alt-Backspace Command-Backspace Ctrl-Backspace Option-Backspace Ctrl-Delete Option-Delete Ctrl-, Command-, Ctrl-/ Command-/ Alt-L Command-Option-L Alt-Shift-L Command-Option-Shift-L Ctrl-F Command-F Ctrl-H Command-Option-F Ctrl-L Command-L Remove line Copy lines down Copy lines up Move lines down Move lines up Remove to line end Remove to line start Remove word left Remove word right Show settings Toggle comment Fold selection Unfold selection Find Replace Go to line X We are logging you in. Please be patient. This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.Read our Cookie PolicyAccept cookiesRefuse cookies xMarkdown CheatsheetYou can use a subset of standard Markdown syntax for formatting your message.Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 --- Emphasis *italics* or _italics_ **bold** or __bold__ **_combined_** Lists 1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses Links [inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage") Images  Code Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world" Tables | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | Blockquotes > Blockquotes are very handy. > This won't break line. Horizontal Rule Three or more... --- Hyphens *** Asterisks ___ Underscores Line BreaksOne new line will not start a new paragraph or break the line. For that use two or more newlines.Source and more detailed information.
<\/pre>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/body>\r\n<\/html>\r\n","FsFile":"namespace WebSharper.Rappid.Test\r\n\r\nopen WebSharper\r\nopen WebSharper.JavaScript\r\nopen WebSharper.JQuery\r\nopen WebSharper.JointJs\r\n\r\nopen WebSharper.Rappid.Extensions\r\n\r\n[]\r\nmodule Client =\r\n\r\n [)>]\r\n do ()\r\n\r\n type Attrs =\r\n {\r\n ElementDefault : obj\r\n ElementSelected : obj\r\n ElementHighlighted : obj\r\n LinkDefault : obj\r\n LinkDefaultDirected : obj\r\n LinkHighlighted : obj\r\n }\r\n\r\n static member Value =\r\n {\r\n ElementDefault =\r\n New [\r\n \"text\" => New [ \r\n \"fill\" => \"#fff\"\r\n \"style\" => \"\"\"'text-shadow': '1px 1px 1px #999', 'text-transform': 'capitalize'\"\"\"\r\n ]\r\n \"circle\" => New [\"fill\" => \"#feb663\"; \"stroke\" => \"white\"]\r\n ]\r\n ElementSelected = New [\"circle\" => New [\"fill\" => \"#9687fe\"]]\r\n ElementHighlighted = New [\"circle\" => New [\"fill\" => \"#31d0c6\"]]\r\n LinkDefault = New [\".connection\" => New [\"stroke\" => \"#6a6c8a\"; \"stroke-width\" => 1]]\r\n LinkDefaultDirected = New [\".marker-target\" => New [ \"d\" => \"M 6 0 L 0 3 L 6 6 z\" ]]\r\n LinkHighlighted = New [\".connection\" => New [ \"stroke\" => \"#33334e\"; \"stroke-width\" => 3 ]]\r\n }\r\n\r\n let Main =\r\n\r\n let m =\r\n [\r\n \"a\", [\"b\"; \"c\"]\r\n \"b\", [\"d\"; \"e\"]\r\n \"c\", [\"f\"; \"g\"]\r\n \"f\", [\"b\"]\r\n \"e\", [\"c\"]\r\n \"h\", [\"f\"; \"g\"]\r\n \"i\", [\"h\"; \"a\"; \"d\"; \"g\"]\r\n \"j\", [\"a\"]\r\n ]\r\n\r\n let graph = Joint.Dia.Graph()\r\n let paper = \r\n Joint.Dia.Paper(\r\n PaperConfig(\r\n El = JQuery.Of(\"#paper\"),\r\n Width = 800,\r\n Height = 800,\r\n GridSize = 1,\r\n Model = graph\r\n )\r\n )\r\n\r\n let node (id : string) (p : SimplePoint) =\r\n let node = \r\n Joint.Shapes.Basic.Circle(\r\n ShapeConfig(Id = id, Position = p, Size = Size(40., 40.), Attrs = Attrs.Value.ElementDefault))\r\n .AddTo(graph)\r\n node.Attr(\"text\/text\", id)\r\n\r\n let link (s : string) (t : string) =\r\n let id = Array.sort [|s; t|]\r\n Joint.Dia.Link(\r\n Id = id.JS.Join(),\r\n SourceConnection = Connection(s),\r\n TargetConnection = Connection(t),\r\n Z = -1,\r\n Attrs = Attrs.Value.LinkDefault\r\n ).AddTo(graph)\r\n\r\n let rand () = G.Point.Random(30., 600., 30., 300.)\r\n\r\n m |> Seq.iter (fun (parent, adjs) ->\r\n node parent <| rand () |> ignore\r\n adjs |> Seq.iter (fun adj ->\r\n if graph.GetCell(adj) ==. null then node adj <| rand () |> ignore\r\n link parent adj |> ignore\r\n )\r\n )\r\n\r\n let handler (lnk : Joint.Dia.Cell, _: obj, opt : obj) =\r\n if lnk.IsLink() then\r\n let lnk = lnk :?> Joint.Dia.Link\r\n let sid = lnk.SourceConnection.Id\r\n let tid = lnk.TargetConnection.Id\r\n\r\n if opt?ui && sid <> JS.Undefined && tid <> JS.Undefined then\r\n lnk.Remove()\r\n link sid tid |> ignore\r\n\r\n graph.OnChangeSource(handler)\r\n graph.OnChangeTarget(handler)\r\n\r\n let pathLinks = ResizeArray()\r\n let hidePath () = \r\n JQuery.Of(\"#path\").Text(\"\").Ignore\r\n pathLinks |> Seq.iter (fun link ->\r\n link.Attr(Attrs.Value.LinkDefault) |> ignore\r\n link.Labels <- [||]\r\n )\r\n\r\n let showPath (path : string []) = \r\n JQuery.Of(\"#path\").Text(path.JS.Join(\" -> \")).Ignore\r\n if not <| Array.isEmpty path then\r\n let p = Array.zip path.[0..path.Length - 2] path.[1..]\r\n p |> Array.iteri (fun i (s, t) ->\r\n let id = Array.sort [|s;t|]\r\n let lnk = graph.GetCell(id.JS.Join()) :?> Joint.Dia.Link\r\n lnk.Label(0,\r\n Label(0.5,\r\n New [\r\n \"text\" => New [\"text\" => sprintf \" %d \" (i + 1); \"font-size\" => 10; \"fill\" => \"white\"]\r\n \"rect\" => New [\"rx\" => 8; \"ry\" => 8; \"fill\" => \"black\"; \"stroke\" => \"black\"; \"stroke-width\" => 5]\r\n ]\r\n )\r\n )\r\n lnk.Attr(Attrs.Value.LinkHighlighted) |> ignore\r\n pathLinks.Add(lnk)\r\n )\r\n \r\n\r\n let selected : Joint.Dia.Cell ref = ref null\r\n let editMode = ref false\r\n let directed = ref false\r\n\r\n paper.OnCellPointerDown(fun (cellView, _, _, _) ->\r\n if not !editMode && not <| cellView.Model.IsLink() then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n sel.Attr(Attrs.Value.ElementDefault) |> ignore\r\n selected := cellView.Model\r\n (!selected).Attr(Attrs.Value.ElementSelected) |> ignore\r\n hidePath ()\r\n )\r\n\r\n paper.OnCellMouseOver(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n match !selected with\r\n | null -> ()\r\n | sel ->\r\n let path = graph.ShortestPath(sel, cellView.Model, ShortestPathConfig(Directed = !directed))\r\n showPath path\r\n cellView.Model.Attr(Attrs.Value.ElementHighlighted) |> ignore\r\n )\r\n\r\n paper.OnCellMouseOut(fun (cellView, evt) ->\r\n if not !editMode && not <| cellView.Model.IsLink() && cellView.Model <> !selected then\r\n cellView.Model.Attr(Attrs.Value.ElementDefault) |> ignore\r\n hidePath ()\r\n )\r\n\r\n JQuery.Of(\"#opt-directed\").Change(fun el evt ->\r\n directed := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetLinks () |> Array.iter (fun lnk ->\r\n if !directed then\r\n lnk.Attr(Attrs.Value.LinkDefaultDirected) |> ignore\r\n else\r\n lnk.RemoveAttr(\".marker-target\") |> ignore\r\n )\r\n ).Ignore\r\n\r\n JQuery.Of(\"#opt-edit\").Change(fun el evt ->\r\n editMode := JQuery.Of(evt.Target).Is(\":checked\")\r\n graph.GetElements() |> Array.iter (fun el ->\r\n if !editMode then\r\n el.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n else\r\n el.RemoveAttr(\"circle\/magnet\").RemoveAttr(\"text\/pointer-events\")\r\n |> ignore\r\n )\r\n ).Ignore\r\n\r\n let fresh =\r\n let c = ref 1\r\n fun () ->\r\n incr c\r\n !c\r\n\r\n paper.OnBlankPointerDblClick(fun (evt : Dom.Event, x, y) ->\r\n if !editMode then\r\n let guid = \"n\" + string (fresh ())\r\n let nd = node guid <| SimplePoint(x, y)\r\n nd.Attr(\"circle\/magnet\", true).Attr(\"text\/pointer-events\", \"none\")\r\n |> ignore\r\n )\r\n","Tags":[],"CachedOutput":null,"Prev":{"$V":{"$":1,"$0":{"$V":{"$":0,"$0":323,"$1":1}}}},"Next":null}},{"$V":{"$":0,"$0":{"$V":{"Username":"qwe2","UserImageUrl":{"$V":{"$":1,"$0":"https:\/\/fpish.net\/Thumbnails\/4453.jpeg"}}}}}}],"EmbedUrl":{"$V":{"$":1,"$0":"\/embed\/qwe2\/00005D\/2"}},"ResultUrl":{"$V":{"$":1,"$0":"\/cache\/00005D\/2"}}}}}},"BaseExtensions":[],"BaseUrl":null,"WsEndpoint":{"$V":{"$":1,"$0":{"$V":{"URI":"wss:\/\/try.websharper.com\/socket","Route":"\/socket","JsonEncoding":{"$T":6,"$V":{"$":1}}}}}}}}],"funcName":["TryWebSharper","Website","CompilerService","ClientSidePage","RunPage"]}},"ws1841753244":{"$T":0,"$V":{"args":["\r\n \r\n \r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with F#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Todo List with C#<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Drawing around<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Pool game<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Clock<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Google Visualization<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Ext JS<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Sencha Touch<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n Kendo UI<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n <\/span>\r\n jQuery Mobile<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n Documentation<\/a>\r\n Downloads<\/a>\r\n Try Online<\/a>\r\n Blogs<\/a>\r\n Forums<\/a>\r\n Support<\/a>\r\n<\/nav>"],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","FeaturedSwiper"]}},"ws251830965":{"$T":0,"$V":{"args":[[[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2418,"$1":1}},"Base62Id":"0000d0","Title":"GlobalNation1","Description":"","UpdateNote":null,"Created":1715336127987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user5892\/0000d0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2413,"$1":1}},"Base62Id":"0000cv","Title":"GlobalNations","Description":"The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results.","UpdateNote":null,"Created":1715281171960,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user5892"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user5892\/0000cv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2383,"$1":24}},"Base62Id":"0000cR","Title":"rock_paper_scissors","Description":"F# + WebSharper to create a simple rock paper scissors game vs computer.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714714801950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4032"}},"Snapshot":null,"IsFSharp":true,"Compiles":false}},"#\/snippet\/user4032\/0000cR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2373,"$1":1}},"Base62Id":"0000cH","Title":"Joke_Generator","Description":"A simple app using a randomizer to give you a good joke and make your day better!\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1714671713303,"Updated":{"$V":{"$":1,"$0":1714671959207}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000cH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2244,"$1":2}},"Base62Id":"0000aC","Title":"Are lenses on record fields updated each time another lens is updated?","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1687528464023,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000aC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2238,"$1":3}},"Base62Id":"0000a6","Title":"ListModel.Doc updates all not only changes","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1685017602890,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3850"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3850\/0000a6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2191,"$1":4}},"Base62Id":"0000ZL","Title":"Forms with currency using decimal and units of measure","Description":"This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1671567510137,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3950"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3950\/0000ZL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2081,"$1":2}},"Base62Id":"0000XZ","Title":"Todo List in F#","Description":"Discard empty task names and always trim task names","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1632048665513,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3896"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3896\/0000XZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2074,"$1":2}},"Base62Id":"0000XS","Title":"classDynPredBoth","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1628698773110,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3329"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3329\/0000XS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1710,"$1":15}},"Base62Id":"0000Ra","Title":"MVU + WebSharper.UI-based File Uploader Component","Description":"Simple reactive file uploader component built using MVU architecture.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1627722238850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ra.png?t=1627722238"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ra"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2060,"$1":6}},"Base62Id":"0000XE","Title":"IP Project Tracker form with Submit","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1623162204853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"imranypatel@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/imranypatel~40gmail.com\/0000XE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1041,"$1":14}},"Base62Id":"0000Gn","Title":"UI Tic-Tac-Toe","Description":"Port to UI of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":"Add draw detection"}},"Created":1623143521257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gn.png?t=1623143521"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Gn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":2000,"$1":1}},"Base62Id":"0000WG","Title":"Testing custom Json convert","Description":"See https:\/\/github.com\/dotnet-websharper\/core\/issues\/1127","UpdateNote":null,"Created":1620808701160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000WG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":437,"$1":2}},"Base62Id":"000073","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1620124508350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000073"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1960,"$1":15}},"Base62Id":"0000Vc","Title":"WSReactDatePicker","Description":"react-datepicker component imported in WebSharper React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1601211626073,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Vc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1951,"$1":8}},"Base62Id":"0000VT","Title":"React hooks mixed with UI the other way around: setting React from UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600521048467,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1947,"$1":5}},"Base62Id":"0000VP","Title":"React hooks mixed with UI","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600512338307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000VP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1946,"$1":1}},"Base62Id":"0000VO","Title":"React hooks","Description":"","UpdateNote":null,"Created":1600277512013,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000VO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1897,"$1":9}},"Base62Id":"0000Ub","Title":"React Grouping","Description":"\nExample of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600250241827,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ub"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1849,"$1":8}},"Base62Id":"0000Tp","Title":"React Sample","Description":"Example of W# React","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600010700907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1855,"$1":29}},"Base62Id":"0000Tv","Title":"React Grouping","Description":"Example of W# React\nPorting of https:\/\/github.com\/JordanMarr\/Fable.GroupingPanel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1600004689907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Tv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":370,"$1":2}},"Base62Id":"00005y","Title":"Google Visualization","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1596618395480,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Google.Visualization","$1":["WebSharper.Google.Visualization.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/google-vis.png?t=1596618395"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00005y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":201,"$1":4}},"Base62Id":"00003F","Title":"Hello world","Description":"Hello world with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Updated old snippet to now use an RV."}},"Created":1590798784213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00003_F.png?t=1590798784"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003F"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1734,"$1":3}},"Base62Id":"0000Ry","Title":"View.MapCachedBy and ListModel Demo","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1589572791970,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ry.png?t=1589572791"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ry"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1724,"$1":10}},"Base62Id":"0000Ro","Title":"MVU with subpages attempt","Description":"An attempt to implement MVU-based app with a tree of pages.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588857583203,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Ro"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1722,"$1":2}},"Base62Id":"0000Rm","Title":"Including a WS.UI Doc inside a WS.Html Element","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1588636353727,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Rm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1696,"$1":4}},"Base62Id":"0000RM","Title":"Pythagorean Tree","Description":"Creating a randomized Pythagorean tree using F# and HTML5 canvas","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1586784421773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3757"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R_M.png?t=1586784421"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3757\/0000RM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1687,"$1":4}},"Base62Id":"0000RD","Title":"Doc.SelectOptional - proposed fix","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581866145157,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1686,"$1":1}},"Base62Id":"0000RC","Title":"Doc.SelectOptional to be fixed","Description":"relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt","UpdateNote":null,"Created":1581849533173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000RC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1678,"$1":8}},"Base62Id":"0000R4","Title":"F# Delayed function","Description":"Demonstrates the use of a delayed action when typing into a text input","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1581575162267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_R4.png?t=1581575162"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000R4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1677,"$1":1}},"Base62Id":"0000R3","Title":"F# Async cancellation","Description":"","UpdateNote":null,"Created":1581520626737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000R3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1615,"$1":16}},"Base62Id":"0000Q3","Title":"Focus problem - nested ListModels","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1579853623783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3735"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3735\/0000Q3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1067,"$1":5}},"Base62Id":"0000HD","Title":"Error in dynamic attribute","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1576176434987,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000HD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1601,"$1":2}},"Base62Id":"0000Pp","Title":"Mock up for SelectDynOptional issue - done!","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575913233123,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1596,"$1":3}},"Base62Id":"0000Pk","Title":"Mock up for SelectDynOptional issue (version with bootstrap modal)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575912712523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1590,"$1":2}},"Base62Id":"0000Pe","Title":"A simple reactive formlet - Bug Repro","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1575536247390,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Pe"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1581,"$1":2}},"Base62Id":"0000PV","Title":"F# 4.7 implicit yield","Description":"Constructing list with implicit yields","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570778745420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000PV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1571,"$1":2}},"Base62Id":"0000PL","Title":"Type Matching over Record Types","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1570044930603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1562,"$1":7}},"Base62Id":"0000PC","Title":"Simple Calculator with Today UTC","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1569091310233,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000PC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1557,"$1":5}},"Base62Id":"0000P7","Title":"Date, DateTime and TimeSpan and UTC","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date. \n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1568898529813,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/user3383\/0000P7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1556,"$1":1}},"Base62Id":"0000P6","Title":"Minimal progressbar with inline javascript ","Description":"This snippet uses nanobar (https:\/\/github.com\/jacoborus\/nanobar)","UpdateNote":null,"Created":1568620741777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P6.png?t=1568620741"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1551,"$1":1}},"Base62Id":"0000P1","Title":"Pikaday datepicker example with Inline methods","Description":"","UpdateNote":null,"Created":1567066881627,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_P1.png?t=1567066881"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000P1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1545,"$1":2}},"Base62Id":"0000Ov","Title":"[V blog] separate Vars composed with an Async function","Description":"Simulating a DB retrieval with View.MapAsync2","UpdateNote":{"$V":{"$":1,"$0":"https:\/\/gitter.im\/intellifactory\/websharper?at=5d64e409c8228962acd09ceb"}},"Created":1566898922600,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3383"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3383\/0000Ov"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":860,"$1":2}},"Base62Id":"0000Ds","Title":"Complex operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565596072120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ds.png?t=1565596072"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Ds"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":880,"$1":3}},"Base62Id":"0000EC","Title":"Markdown parser with syntax highlighting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1565250978707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_C.png?t=1565250978"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000EC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1533,"$1":3}},"Base62Id":"0000Oj","Title":"C# View.MapAsync example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646717913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Oj.png?t=1564646717"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Oj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1527,"$1":7}},"Base62Id":"0000Od","Title":"View.MapAsyncLoading example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1564646712743,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Od.png?t=1564646712"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Od"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1525,"$1":2}},"Base62Id":"0000Ob","Title":"LINQ with anonymous records","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563781837010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ob"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":902,"$1":3}},"Base62Id":"0000EY","Title":"Kruskal algorithm","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1563263846613,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Y.png?t=1563263846"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":903,"$1":2}},"Base62Id":"0000EZ","Title":"Visual graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562745122167,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_Z.png?t=1562745122"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EZ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1278,"$1":5}},"Base62Id":"0000Kc","Title":"MVU Paging","Description":"Use View.DocSeqCached","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562682853427,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1518,"$1":2}},"Base62Id":"0000OU","Title":"C# HTML inputs","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562279811240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000OU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":873,"$1":2}},"Base62Id":"0000E5","Title":"Swiper Android-Style Tabs","Description":"In this snippet we will make an Android-style tab system with the power of Swiper, CSS3 and of course WebSharper.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562140389030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E5.png?t=1562140389"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":892,"$1":5}},"Base62Id":"0000EO","Title":"Markdown Editor with Preview - Golden Layout","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1562053396347,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Google.CodePrettify","$1":["WebSharper.Google.CodePrettify.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":948,"$1":3}},"Base62Id":"0000FI","Title":"Task Cancellation","Description":"Demonstrate async Task cancellation on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1561361701717,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_I.png?t=1561361701"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":868,"$1":5}},"Base62Id":"0000E0","Title":"Swiper - Reactive Slide Index","Description":"In this snippet you can see how you can interact with the active slide index in a reactive manner.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560930472740,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E0.png?t=1560930472"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":862,"$1":3}},"Base62Id":"0000Du","Title":"AsciiMath render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757594407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Du.png?t=1560757594"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Du"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":863,"$1":2}},"Base62Id":"0000Dv","Title":"MathML render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757560117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dv.png?t=1560757560"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":864,"$1":3}},"Base62Id":"0000Dw","Title":"TeX render","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1560757524263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dw.png?t=1560757524"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":870,"$1":3}},"Base62Id":"0000E2","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848231520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E2.png?t=1559848231"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E2"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1494,"$1":3}},"Base62Id":"0000O6","Title":"Differentation with MathJS","Description":"Differentation calculating and expression rendering.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559848184817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O6.png?t=1559848184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":950,"$1":4}},"Base62Id":"0000FK","Title":"Erased unions","Description":"Demonstrate how to return a value of multiple possible types in a type-safe way without the runtime cost of a wrapper such as FSharpChoice.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559548403787,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_K.png?t=1559548403"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1488,"$1":4}},"Base62Id":"0000O0","Title":"D3 World Tour","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255894120,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_O0.png?t=1559255894"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000O0"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":597,"$1":7}},"Base62Id":"00009d","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559255814837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009d.png?t=1559255814"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":907,"$1":7}},"Base62Id":"0000Ed","Title":"Nicer popup boxes with SweetAlert","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1559084194837,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ed.png?t=1559084194"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000Ed"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1485,"$1":1}},"Base62Id":"0000Nx","Title":"Popup boxes with SweetAlert","Description":"","UpdateNote":null,"Created":1559084146830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SweetAlert","$1":["WebSharper.SweetAlert.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Nx.png?t=1559084146"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Nx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1484,"$1":1}},"Base62Id":"0000Nw","Title":"Visualizing Dijkstra algorithm","Description":"","UpdateNote":null,"Created":1559033232833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3332"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3332\/0000Nw"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1090,"$1":3}},"Base62Id":"0000Ha","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339765040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ha"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1091,"$1":3}},"Base62Id":"0000Hb","Title":"WebSharper 4.1 new features","Description":"Client-server compatible routing, clean reactive syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558339761523,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hb.png?t=1558339761"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Hb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1467,"$1":7}},"Base62Id":"0000Nf","Title":"React Grid Layout","Description":"Create a simple grid using react-grid-layout","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1558084661107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Nf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1465,"$1":1}},"Base62Id":"0000Nd","Title":"Advanced example for WebSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1557960713723,"Updated":{"$V":{"$":1,"$0":1557962234603}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Nd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1454,"$1":3}},"Base62Id":"0000NS","Title":"Vue.js GridComponent sample","Description":"Conversion of a Vue.js sample using anonymous F# records","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1553636218910,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1446,"$1":1}},"Base62Id":"0000NK","Title":"F# Anonymous records","Description":"Shows using F# anonymous records in JavaSript translation","UpdateNote":null,"Created":1551200039373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_N_K.png?t=1551200039"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000NK"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":274,"$1":9}},"Base62Id":"00004Q","Title":"Login form with reactive piglets","Description":"A simple login form implemented via reactive piglets.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI from UI.Next."}},"Created":1551119786403,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_Q.png?t=1551119786"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":290,"$1":17}},"Base62Id":"00004g","Title":"Login with reactive piglets + Bootstrap","Description":"Updated to use UI and Forms","UpdateNote":{"$V":{"$":1,"$0":"Fixed typo."}},"Created":1551117705107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":435,"$1":4}},"Base62Id":"000071","Title":"Random line charts","Description":"Three random line charts using Rickshaw","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085325623,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000071.png?t=1548085325"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000071"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":118,"$1":5}},"Base62Id":"00001u","Title":"Reactive input","Description":"Shows how to map text input as it is entered","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085253100,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001u.png?t=1548085253"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":428,"$1":3}},"Base62Id":"00006u","Title":"Mini charts","Description":"A mini chart that updates automatically and another on demand.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548085097923,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Peity","$1":["WebSharper.Peity.dll","WebSharper.Peity.Bindings.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006u.png?t=1548085097"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006u"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":103,"$1":5}},"Base62Id":"00001f","Title":"Live chart","Description":"Show the mean of random data over time","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084999663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001f.png?t=1548084999"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":404,"$1":3}},"Base62Id":"00006W","Title":"Responsive chart","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084989163,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006_W.png?t=1548084989"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":127,"$1":4}},"Base62Id":"000023","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084547117,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000023.png?t=1548084547"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000023"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":264,"$1":5}},"Base62Id":"00004G","Title":"Charting Sample with WebSharper.UI","Description":"A simple snippet showcasing WebSharper.Charting and WebSharper.UI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084520850,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":265,"$1":2}},"Base62Id":"00004H","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548084055460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004H"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":223,"$1":3}},"Base62Id":"00003b","Title":"Client-side Data Charting - Tertiary School Enrollment","Description":"Historic Tertiary School Enrollment chart for Austria\/Hungary\/UK\/US using WebSharper.Data and WebSharper.Charting","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1548083624377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003b"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1325,"$1":7}},"Base62Id":"0000LN","Title":"WebComponents","Description":"Custom Element with one way communication","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1544016748270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_L_N.png?t=1544016748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1410,"$1":2}},"Base62Id":"0000Mk","Title":"Todo List MVU","Description":"Material UI + UI websharper + F# =)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1543091612670,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3546"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mk.png?t=1543091612"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3546\/0000Mk"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1406,"$1":2}},"Base62Id":"0000Mg","Title":"Button group","Description":"Create a group of buttons that behave like a RadioGroup","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1542220752553,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Mg.png?t=1542220752"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Mg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1402,"$1":2}},"Base62Id":"0000Mc","Title":"MVU Paging","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Fixed original template (it didn't compile): created input via `Doc.Input` instead of `input` to associate it with `inpVar: Var` which has a property `Value`"}},"Created":1541500382420,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3343"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3343\/0000Mc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1395,"$1":2}},"Base62Id":"0000MV","Title":"Views for validation experiment","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1539337212533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3530"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3530\/0000MV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":112,"$1":5}},"Base62Id":"00001o","Title":"Random live chart","Description":"Shows a live chart updated via an F# event.","UpdateNote":{"$V":{"$":1,"$0":"Updated to use UI instead of UI.Next"}},"Created":1538143523047,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001o.png?t=1538143523"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":88,"$1":5}},"Base62Id":"00001Q","Title":"Charting Sample","Description":"A simple snippet showcasing WebSharper.Charting.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536307107360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Q.png?t=1536307107"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00001Q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":905,"$1":3}},"Base62Id":"0000Eb","Title":"Medium Editor","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536259374363,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MediumEditor","$1":["WebSharper.MediumEditor.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Eb.png?t=1536259374"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Eb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":804,"$1":4}},"Base62Id":"0000Cy","Title":"Person's pets form","Description":"WebSharper.Forms (Piglets) for collections example (https:\/\/github.com\/intellifactory\/websharper.forms\/blob\/master\/docs\/Introduction.md#piglets-for-collections)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536255076340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Cy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":855,"$1":2}},"Base62Id":"0000Dn","Title":"Positive int input form","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254842950,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Dark_Clark"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Dark_Clark\/0000Dn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":307,"$1":9}},"Base62Id":"00004x","Title":"Login with WebSharper.Forms.Bootstrap","Description":"Reactive login form with validation and feedback ","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536254719603,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004x.png?t=1536254719"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":39,"$1":2}},"Base62Id":"00000d","Title":"Pool Game","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1536252570817,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.O3D","$1":["WebSharper.O3D.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/pool-game.png?t=1536252570"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":154,"$1":7}},"Base62Id":"00002U","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535562292267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002U"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":219,"$1":3}},"Base62Id":"00003X","Title":"A Simple Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561992413,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003X"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":220,"$1":2}},"Base62Id":"00003Y","Title":"A Stateful Component","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561851820,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":221,"$1":2}},"Base62Id":"00003Z","Title":"Client-side routing","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561729460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003Z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":326,"$1":3}},"Base62Id":"00005G","Title":"to-do list","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561668713,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00005G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":196,"$1":3}},"Base62Id":"00003A","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561618487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00003A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1357,"$1":8}},"Base62Id":"0000Lt","Title":"React Tic-Tac-Toe","Description":"Port to WebSharper.React of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1535561571777,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Lt.png?t=1535561571"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Lt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1351,"$1":6}},"Base62Id":"0000Ln","Title":"MVU Tic-Tac-Toe","Description":"Port to WebSharper.Mvu of the Tic-Tac-Toe from the Intro to React tutorial.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1534429511640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ln.png?t=1534429511"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Ln"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1346,"$1":2}},"Base62Id":"0000Li","Title":"MVU TodoMVC without templating","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533894962707,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Li"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1285,"$1":7}},"Base62Id":"0000Kj","Title":"MVU TodoMVC","Description":"The classic TodoMVC application implemented using WebSharper.Mvu","UpdateNote":{"$V":{"$":1,"$0":"Thanks to routing, filters don't need event handlers, href is enough."}},"Created":1533894714357,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kj.png?t=1533894714"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":42,"$1":2}},"Base62Id":"00000g","Title":"Todo List in F#","Description":null,"UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1533831689273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list.png?t=1533831689"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1339,"$1":3}},"Base62Id":"0000Lb","Title":"WithAttrs not found in JavaScript","Description":"A couple of issues with Elt object","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1530865990373,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Lb"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1321,"$1":2}},"Base62Id":"0000LJ","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525868678037,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1316,"$1":5}},"Base62Id":"0000LE","Title":"WebComponents","Description":"WebComponents with WebSharper Templates","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1525867026083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000LE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1310,"$1":4}},"Base62Id":"0000L8","Title":"MVU TodoMVC with consistenView","Description":"TodoMVC using WebSharper.Mvu improved to avoid unnecessary rendering","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524948840270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000L8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":944,"$1":3}},"Base62Id":"0000FE","Title":"LINQ query expressions","Description":"Demonstrate C# LINQ query expressions and methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506818477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_E.png?t=1524506818"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":942,"$1":3}},"Base62Id":"0000FC","Title":"Date, DateTime and TimeSpan","Description":"Demonstrate the types System.DateTime and System.TimeSpan on the client side, and the interaction between DateTime and JavaScript's native Date.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506801387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_C.png?t=1524506801"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FC"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":947,"$1":3}},"Base62Id":"0000FH","Title":"Await Task","Description":"Demonstrate async\/await Tasks on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506764043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_H.png?t=1524506764"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":941,"$1":3}},"Base62Id":"0000FB","Title":"GUID manipulation","Description":"Demonstrate using the type System.Guid on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506735090,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_B.png?t=1524506735"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FB"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":949,"$1":2}},"Base62Id":"0000FJ","Title":"Iterator with yield","Description":"Demonstrate using the yield keyword in C# on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524506694127,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_J.png?t=1524506694"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":946,"$1":2}},"Base62Id":"0000FG","Title":"C# 7 Pattern Matching","Description":"Demonstrate C# 7 pattern matching on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504212447,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_G.png?t=1524504212"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":945,"$1":2}},"Base62Id":"0000FF","Title":"String Formatting","Description":"Demonstrate string formatting on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524504025503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_F.png?t=1524504025"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FF"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":943,"$1":2}},"Base62Id":"0000FD","Title":"System.Array","Description":"Demonstrate the System.Array methods on the client side.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524503950520,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_D.png?t=1524503950"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FD"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":979,"$1":5}},"Base62Id":"0000Fn","Title":"C# events and delegates","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524474420690,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fn.png?t=1524474420"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":237,"$1":8}},"Base62Id":"00003p","Title":"Workbook: Tertiary School Enrollment and GDP Per Capita","Description":"Workbook to compare Tertiary School Enrollment and GDP Per Capita figures for various EU countries and the US.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1524139518677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003p.png?t=1524139518"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":211,"$1":4}},"Base62Id":"00003P","Title":"A simple reactive formlet","Description":"Simple person formlet using UI.Next.Formlets with Vars","UpdateNote":{"$V":{"$":1,"$0":"Converted to WS UI"}},"Created":1524139484830,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_P.png?t=1524139484"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1291,"$1":1}},"Base62Id":"0000Kp","Title":"F# union JSON serialization","Description":"","UpdateNote":null,"Created":1524054826587,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kp.png?t=1524054826"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Kp"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1290,"$1":1}},"Base62Id":"0000Ko","Title":"Inheritance test","Description":"","UpdateNote":null,"Created":1523997090393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Ko.png?t=1523997090"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Ko"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1282,"$1":3}},"Base62Id":"0000Kg","Title":"MVU: List of counters","Description":"Composing MVU components into a larger application","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523951903477,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kg.png?t=1523951903"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kg"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1281,"$1":1}},"Base62Id":"0000Kf","Title":"MVU: Simple Counter","Description":"The most basic example of the MVU architecture","UpdateNote":null,"Created":1523949770507,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Mvu","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll","WebSharper.Mvu.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Kf.png?t=1523949770"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000Kf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":577,"$1":5}},"Base62Id":"00009J","Title":"Drawing around","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1523872349303,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_J.png?t=1523872349"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1254,"$1":7}},"Base62Id":"0000KE","Title":"Current LensInto with bindVar, lensInto', lensView","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522620033407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000KE"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1239,"$1":3}},"Base62Id":"0000Jz","Title":"DocLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586933967,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Jz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1241,"$1":3}},"Base62Id":"0000K1","Title":"MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586904747,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1245,"$1":10}},"Base62Id":"0000K5","Title":"Current LensInto with bindVar","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522586009383,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1243,"$1":2}},"Base62Id":"0000K3","Title":"ListModel DocLens & MapLens example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1522544327703,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000K3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1231,"$1":6}},"Base62Id":"0000Jr","Title":"Counter","Description":"A simple counter using the Model-View-Update pattern with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":"Made the separation between updating the model and Bind() clearer"}},"Created":1522257034663,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jr.png?t=1522257034"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":168,"$1":5}},"Base62Id":"00002i","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":{"$V":{"$":1,"$0":"Adapt to WebSharper.D3 API changes"}},"Created":1522246383803,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00002i.png?t=1522246383"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1227,"$1":2}},"Base62Id":"0000Jn","Title":"Login with Bulma","Description":"Simple login panel using Bulma and UI templating.","UpdateNote":{"$V":{"$":1,"$0":"Replaced DynamicClassPred with ClassPred and the V notation"}},"Created":1521847183340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jn.png?t=1521847183"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jn"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1223,"$1":3}},"Base62Id":"0000Jj","Title":"SlickGrid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1521042101660,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.SlickGrid","$1":["WebSharper.SlickGrid.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3303"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jj.png?t=1521042101"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3303\/0000Jj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":608,"$1":3}},"Base62Id":"00009o","Title":"Highcharts","Description":"The standard Highcharts sample with WebSharper UI","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520997596517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00009o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1218,"$1":2}},"Base62Id":"0000Je","Title":"Charting with Chart.js","Description":"Simple charts with Chart.js","UpdateNote":{"$V":{"$":1,"$0":"Moving open's to the top"}},"Created":1520997057797,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ChartJs","$1":["WebSharper.ChartJs.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Je.png?t=1520997057"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Je"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1217,"$1":1}},"Base62Id":"0000Jd","Title":"Raphael demo","Description":"Basic rendering with Raphael","UpdateNote":null,"Created":1520996406907,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Raphael","$1":["WebSharper.JQueryUI.dll","WebSharper.Raphael.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Jd.png?t=1520996406"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Jd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1212,"$1":2}},"Base62Id":"0000JY","Title":"WebGL rotating a logo","Description":"Simple snippet to load an image and rotate it using WebGL","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520973872517,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.GlMatrix","$1":["WebSharper.GlMatrix.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1210,"$1":2}},"Base62Id":"0000JW","Title":"LocalStorage","Description":"Simple test to write and read values to the client's LocalStorage","UpdateNote":{"$V":{"$":1,"$0":"Moved incrementing value out of the event handler"}},"Created":1520972525027,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_W.png?t=1520972525"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1208,"$1":2}},"Base62Id":"0000JU","Title":"Geolocation","Description":"Simple example that shows how to retrieve the client's location (needs https)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520970818263,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_U.png?t=1520970818"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1207,"$1":1}},"Base62Id":"0000JT","Title":"Plotting functions","Description":"Simple form to collect data for plotting functions","UpdateNote":null,"Created":1520969879237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_T.png?t=1520969879"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1206,"$1":1}},"Base62Id":"0000JS","Title":"Canvas","Description":"Basic HTML5 Canvas example","UpdateNote":null,"Created":1520967874913,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_S.png?t=1520967874"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1200,"$1":4}},"Base62Id":"0000JM","Title":"Calculations with templating","Description":"Computing the factorial based on a templated form","UpdateNote":{"$V":{"$":1,"$0":"Fixed setting the value of the output \"pre\" tag"}},"Created":1520967559003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_J_M.png?t=1520967559"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1199,"$1":2}},"Base62Id":"0000JL","Title":"Calculations","Description":"Fixed snippet to run","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520948636260,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1202,"$1":1}},"Base62Id":"0000JO","Title":"Toggle Panel","Description":"","UpdateNote":null,"Created":1520905708860,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000JO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":444,"$1":3}},"Base62Id":"00007A","Title":"HammerJS example","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Convert from UI.Next to UI"}},"Created":1520866747380,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.HammerJS","$1":["WebSharper.HammerJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_A.png?t=1520866747"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/00007A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":438,"$1":3}},"Base62Id":"000074","Title":"Rickshaw simple graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":"Remove UI.Next"}},"Created":1520866669957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000074.png?t=1520866669"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/loic.denuziere\/000074"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":951,"$1":3}},"Base62Id":"0000FL","Title":"Native JavaScript objects","Description":"Use plain JS objects directly in C#.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520856863183,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"loic.denuziere"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_L.png?t=1520856863"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/loic.denuziere\/0000FL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":940,"$1":5}},"Base62Id":"0000FA","Title":"Interact with JavaScript from C#","Description":"5 ways of calling JavaScript code","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520853502337,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_A.png?t=1520853502"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FA"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1035,"$1":6}},"Base62Id":"0000Gh","Title":"C# tuples","Description":"C# tuple construction, conversions and deconstruction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852260867,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gh.png?t=1520852260"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Gh"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":978,"$1":3}},"Base62Id":"0000Fm","Title":"Singleton pattern with Lazy","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852244180,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fm.png?t=1520852244"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fm"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":964,"$1":4}},"Base62Id":"0000FY","Title":"Inheritance and override","Description":"Showing basic OO features of C# working in JavaScript","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852184273,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_F_Y.png?t=1520852184"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000FY"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":579,"$1":5}},"Base62Id":"00009L","Title":"My TODO list with Template","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852150397,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_L.png?t=1520852150"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":968,"$1":3}},"Base62Id":"0000Fc","Title":"C# object and collection initializers","Description":"Property, collection and dictionary initializer syntax are supported by WebSharper, even for custom types","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520852098677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Fc.png?t=1520852098"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/0000Fc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":600,"$1":2}},"Base62Id":"00009g","Title":"Printing lines","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849324440,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":587,"$1":4}},"Base62Id":"00009T","Title":"JSON type provider test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849287833,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_T.png?t=1520849287"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/00009T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":576,"$1":2}},"Base62Id":"00009I","Title":"D3 ContextBrushing","Description":"Demo from https:\/\/bl.ocks.org\/mbostock\/1667367","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520849012193,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_I.png?t=1520849012"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":578,"$1":7}},"Base62Id":"00009K","Title":"C# charting","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520847784350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Charting","$1":["IntelliFactory.Reactive.dll","WebSharper.Charting.dll","WebSharper.ChartJs.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00009_K.png?t=1520847784"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/JankoA\/00009K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1101,"$1":3}},"Base62Id":"0000Hl","Title":"WebSharper.Forms WithSubmit test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1520775947103,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"JankoA"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Hl.png?t=1520775947"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/JankoA\/0000Hl"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1154,"$1":2}},"Base62Id":"0000Ic","Title":"Test with MailboxProcessor","Description":"Here it works, but by itself it fails to include reference to WebSharper.Control.js","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1519000357840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Ic"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1109,"$1":7}},"Base62Id":"0000Ht","Title":"Str8ts Solution Reviewer","Description":"Demo of the power of templating and reactive html","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516700670307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ht"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1049,"$1":6}},"Base62Id":"0000Gv","Title":"error message: inner generic ...","Description":"Error message in WS 4.1 when using click2. No error message when using click.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1516098144773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gv"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1108,"$1":1}},"Base62Id":"0000Hs","Title":"Str8ts Solution Reviewer","Description":"Demo of extensive use of Templates and Reactive HTML","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515508372777,"Updated":{"$V":{"$":1,"$0":1515508414563}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Hs"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1104,"$1":2}},"Base62Id":"0000Ho","Title":"async \/ ajax test","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1515273538840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Ho"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1059,"$1":5}},"Base62Id":"0000H5","Title":"v2.Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax. v2","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508334750540,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_H5.png?t=1508334750"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000H5"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1053,"$1":5}},"Base62Id":"0000Gz","Title":"Simplifying Var\/View\/Constant for UI.Next","Description":"A different take on the UI.Next syntax","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508270631360,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user3359"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Gz.png?t=1508270631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/user3359\/0000Gz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1051,"$1":2}},"Base62Id":"0000Gx","Title":"Class instance equality","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508154388667,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Gx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1048,"$1":1}},"Base62Id":"0000Gu","Title":"Class instance equality ","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1508099879013,"Updated":{"$V":{"$":1,"$0":1508099985310}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Gu"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1025,"$1":2}},"Base62Id":"0000GX","Title":"Checkbox on click","Description":"Does not work in chrome, firefox, ie, only in Microsoft Edge","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506695911377,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"StefanBelo"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/StefanBelo\/0000GX"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1024,"$1":1}},"Base62Id":"0000GW","Title":"Int32 is really int64","Description":"","UpdateNote":null,"Created":1506612452077,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":990,"$1":14}},"Base62Id":"0000Fy","Title":"Async Test (good)","Description":"Background calculations not blocking the UI update (see also the bad snipped)\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074435003,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":1016,"$1":5}},"Base62Id":"0000GO","Title":"Async Test (bad)","Description":"Background calculations blocking the UI update (see also the good snipped)","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506074416580,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000GO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":989,"$1":16}},"Base62Id":"0000Fx","Title":"Template test","Description":"Just to have a working example of templating\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1506072320307,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Martin 000"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Martin~20000\/0000Fx"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":831,"$1":2}},"Base62Id":"0000DP","Title":"InputTransform with tempate","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500631015130,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DP"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":898,"$1":3}},"Base62Id":"0000EU","Title":"Relation graph","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1500472954720,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Cytoscape","$1":["WebSharper.Cytoscape.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_U.png?t=1500472954"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":891,"$1":1}},"Base62Id":"0000EN","Title":"Dynamic tabs with Golden Layout","Description":"","UpdateNote":null,"Created":1500019315933,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":890,"$1":1}},"Base62Id":"0000EM","Title":"GoldenLayout example","Description":"","UpdateNote":null,"Created":1500019201083,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.GoldenLayout","$1":["WebSharper.GoldenLayout.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000EM"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":889,"$1":1}},"Base62Id":"0000EL","Title":"High score table","Description":"","UpdateNote":null,"Created":1499930635350,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_L.png?t=1499930635"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EL"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":884,"$1":1}},"Base62Id":"0000EG","Title":"Intro a website","Description":"","UpdateNote":null,"Created":1499757587993,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.IntroJS","$1":["WebSharper.IntroJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_G.png?t=1499757587"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000EG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":838,"$1":2}},"Base62Id":"0000DW","Title":"AnimatedContactFlow","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499710391943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DW"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":881,"$1":1}},"Base62Id":"0000ED","Title":"Markdown parser","Description":"","UpdateNote":null,"Created":1499417990980,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Remarkable","$1":["WebSharper.Remarkable.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"gergely.fabian"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E_D.png?t=1499417990"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/gergely.fabian\/0000ED"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":872,"$1":2}},"Base62Id":"0000E4","Title":"Unit operations","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1499251405550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E4.png?t=1499251405"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E4"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":877,"$1":1}},"Base62Id":"0000E9","Title":"Parallax Scrolling with Swiper","Description":"This is the C# implementation of the example at http:\/\/idangero.us\/swiper\/demos\/28-parallax.html","UpdateNote":null,"Created":1499251257880,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E9.png?t=1499251257"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":876,"$1":1}},"Base62Id":"0000E8","Title":"Lazyloading Gallery with Swiper","Description":"This is the F# implementation of http:\/\/idangero.us\/swiper\/demos\/30-lazy-load-images.html","UpdateNote":null,"Created":1499250836840,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Swiper","$1":["WebSharper.Swiper.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.abonyi-toth"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E8.png?t=1499250836"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.abonyi-toth\/0000E8"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":874,"$1":1}},"Base62Id":"0000E6","Title":"TeX render","Description":"","UpdateNote":null,"Created":1499250503640,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E6.png?t=1499250503"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/setr\/0000E6"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":871,"$1":1}},"Base62Id":"0000E3","Title":"BigInteger operations","Description":"","UpdateNote":null,"Created":1499250417213,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E3.png?t=1499250417"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":869,"$1":1}},"Base62Id":"0000E1","Title":"Complex and BigInteger","Description":"Operations with Complex and BigInteger numbers with active pattern matching.","UpdateNote":null,"Created":1499250320200,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_E1.png?t=1499250320"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000E1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":867,"$1":1}},"Base62Id":"0000Dz","Title":"Vector operations","Description":"","UpdateNote":null,"Created":1499250246340,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dz.png?t=1499250246"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dz"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":866,"$1":1}},"Base62Id":"0000Dy","Title":"Matrix operations","Description":"","UpdateNote":null,"Created":1499250211943,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dy.png?t=1499250211"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dy"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":861,"$1":1}},"Base62Id":"0000Dt","Title":"Fraction vs. Float","Description":"","UpdateNote":null,"Created":1499249931597,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dt.png?t=1499249931"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":859,"$1":1}},"Base62Id":"0000Dr","Title":"Unit operations","Description":"","UpdateNote":null,"Created":1499249853607,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJS","$1":["WebSharper.MathJS.dll","WebSharper.MathJS.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"setr"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/0000_Dr.png?t=1499249853"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/setr\/0000Dr"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":202,"$1":9}},"Base62Id":"00003G","Title":"Simple person formlet using UI.Next.Formlets","Description":"A simple UI.Next formlet","UpdateNote":{"$V":{"$":1,"$0":"Switched to Formlet.Do {...} to make example more clear."}},"Created":1498263633030,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_G.png?t=1498263633"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":209,"$1":4}},"Base62Id":"00003N","Title":"Mapping the view of a simple reactive variable","Description":"A textbox and a label showing the text entered in all-caps.","UpdateNote":{"$V":{"$":1,"$0":"Updated code to make it clearer."}},"Created":1496956627863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003_N.png?t=1496956627"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":850,"$1":1}},"Base62Id":"0000Di","Title":"MathJax","Description":"","UpdateNote":null,"Created":1496938925267,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.MathJax","$1":["WebSharper.MathJax.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/0000Di"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":837,"$1":1}},"Base62Id":"0000DV","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319217590,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DV"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":836,"$1":1}},"Base62Id":"0000DU","Title":"MessageBoard","Description":"","UpdateNote":null,"Created":1496319207460,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DU"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":835,"$1":1}},"Base62Id":"0000DT","Title":"Calculator","Description":"","UpdateNote":null,"Created":1496318997697,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DT"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":834,"$1":1}},"Base62Id":"0000DS","Title":"Checkbox example","Description":"","UpdateNote":null,"Created":1496318836783,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DS"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":833,"$1":1}},"Base62Id":"0000DR","Title":"EditablePersonList","Description":"","UpdateNote":null,"Created":1496318702393,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DR"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":832,"$1":1}},"Base62Id":"0000DQ","Title":"PhoneExample","Description":"This example based on a tutorial that can be found in the AngularJS tutorial","UpdateNote":null,"Created":1496318552043,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DQ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":830,"$1":1}},"Base62Id":"0000DO","Title":"InputTransform","Description":"","UpdateNote":null,"Created":1496310846207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DO"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":829,"$1":1}},"Base62Id":"0000DN","Title":"Animated Bobsleigh Site","Description":"","UpdateNote":null,"Created":1496309798680,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DN"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":825,"$1":2}},"Base62Id":"0000DJ","Title":"Object consistency sample","Description":"This snippet is based on this sample: https:\/\/bost.ocks.org\/mike\/constancy\/","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1495707435847,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DJ"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":824,"$1":1}},"Base62Id":"0000DI","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706194270,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DI"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":823,"$1":1}},"Base62Id":"0000DH","Title":"Keyboard info sample","Description":"This example snippet shows information about the user's interaction with the keyboard","UpdateNote":null,"Created":1495706183737,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DH"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":822,"$1":1}},"Base62Id":"0000DG","Title":"Mouse info sample","Description":"This example shows information based on the user's mouse interaction.","UpdateNote":null,"Created":1495705661767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/0000DG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":760,"$1":8}},"Base62Id":"0000CG","Title":"D3 force layout dragstart issue","Description":"How do I handle the dragstart event?","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1487240779503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000CG"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":434,"$1":2}},"Base62Id":"000070","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485956757010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Khurram"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Khurram\/000070"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":753,"$1":2}},"Base62Id":"0000C9","Title":"Lensing\/focus problem with ListModel - 2","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601266990,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C9"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":751,"$1":2}},"Base62Id":"0000C7","Title":"Lensing\/focus problem with ListModel - 1","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485601149010,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C7"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":747,"$1":4}},"Base62Id":"0000C3","Title":"Lensing\/focus problem with ListModel","Description":"How to fix lost of focus with ListModel","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1485600644883,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/0000C3"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":737,"$1":3}},"Base62Id":"0000Bt","Title":"3rd party autocomplete issue","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484346090550,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bt"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":727,"$1":3}},"Base62Id":"0000Bj","Title":"Lensing\/focus problem","Description":"The DocSeqCached generated inputs lose focus after every key press.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1484317537173,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"user4207"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/user4207\/0000Bj"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":723,"$1":2}},"Base62Id":"0000Bf","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":{"$V":{"$":1,"$0":"Added separating by type"}},"Created":1483253500407,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Bf"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":722,"$1":1}},"Base62Id":"0000Be","Title":"Displaying system messages","Description":"A small example of maintaining a list of Info\/Warning\/Error messages.","UpdateNote":null,"Created":1483251409853,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/0000Be"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":621,"$1":3}},"Base62Id":"0000A1","Title":"Test of LineSeriesZonesCfg","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476536214533,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Highcharts","$1":["WebSharper.Highcharts.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Ragmjol"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Ragmjol\/0000A1"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":611,"$1":9}},"Base62Id":"00009r","Title":"45 суток до отправления поезда","Description":"Реактивный расчет даты отправления поезда ОАО РЖД с валидацией и интерактивной обратной связью.\n","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1476396839560,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"vlasovde@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/vlasovde~40gmail.com\/00009r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":604,"$1":1}},"Base62Id":"00009k","Title":"OnClick, increment","Description":"","UpdateNote":null,"Created":1475189199410,"Updated":{"$V":{"$":1,"$0":1475189244220}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"maestrow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/maestrow\/00009k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":441,"$1":3}},"Base62Id":"000077","Title":"Advanced example for WeSharper.Rickshaw","Description":"This example features random data, series highlighting, ordering and toogling, hovering details, previewing, sliding in the chart and smoothing.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1471423935237,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rickshaw","$1":["WebSharper.Rickshaw.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000077.png?t=1471423935"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/000077"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":551,"$1":3}},"Base62Id":"00008t","Title":"Gos 01","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1465374765503,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Goswin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Goswin\/00008t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":530,"$1":3}},"Base62Id":"00008Y","Title":"Array sort tests","Description":"Some basic tests for sorting arrays.","UpdateNote":{"$V":{"$":1,"$0":"Added sortBy variants"}},"Created":1462625300233,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00008_Y.png?t=1462625300"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00008Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":506,"$1":2}},"Base62Id":"00008A","Title":"navbars","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1460235375863,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/00008A"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":505,"$1":1}},"Base62Id":"000089","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211730240,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000089"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":504,"$1":1}},"Base62Id":"000088","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211729277,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000088"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":503,"$1":1}},"Base62Id":"000087","Title":"Тест 123","Description":"","UpdateNote":null,"Created":1460211728387,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000087"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":502,"$1":1}},"Base62Id":"000086","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211668650,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000086"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":501,"$1":1}},"Base62Id":"000085","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211667067,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000085"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":500,"$1":1}},"Base62Id":"000084","Title":"Bdkt test2","Description":"","UpdateNote":null,"Created":1460211666757,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Badmoonz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Badmoonz\/000084"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":498,"$1":1}},"Base62Id":"000082","Title":"UI.Next Books","Description":"","UpdateNote":null,"Created":1460166650207,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000082"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":450,"$1":7}},"Base62Id":"00007G","Title":"Momentjs example","Description":"This example shows how to use differnet locales and timezones, and the basic methods of the Moment object (like formatting).","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823526687,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Moment","$1":["WebSharper.Moment.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"jooseppi"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_G.png?t=1458823526"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/jooseppi\/00007G"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":447,"$1":2}},"Base62Id":"00007D","Title":"UI.Next Books","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458823418997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00007_D.png?t=1458823418"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00007D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":446,"$1":1}},"Base62Id":"00007C","Title":"Book sample","Description":"","UpdateNote":null,"Created":1458520002487,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00007C"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":442,"$1":2}},"Base62Id":"000078","Title":"UI.Next ListModel example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1458297748133,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/000078.png?t=1458297748"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000078"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":432,"$1":2}},"Base62Id":"00006y","Title":"Dojo example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1457089622443,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Dojo","$1":["WebSharper.Dojo.dll","WebSharper.Dojo.Provider.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006y.png?t=1457089622"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00006y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":425,"$1":1}},"Base62Id":"00006r","Title":"Debounce for JavaScript","Description":"","UpdateNote":null,"Created":1454856558057,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"michakun@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/michakun~40gmail.com\/00006r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":424,"$1":1}},"Base62Id":"00006q","Title":"Debounce for JavaScript","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454856165883,"Updated":{"$V":{"$":1,"$0":1454856219627}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":null,"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/00006q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":416,"$1":3}},"Base62Id":"00006i","Title":"Login form with reactive piglets that disable controls","Description":"A simple login form implemented via reactive piglets, with the password box disabled if no username is given.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454733371897,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"\/snippet-thumbnails\/00006i.png?t=1454733371"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00006i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":273,"$1":6}},"Base62Id":"00004P","Title":"Login with Piglets","Description":"Simple login piglet","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1454484584773,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.Piglets","$1":["IntelliFactory.Reactive.dll","WebSharper.Piglets.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004P"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":400,"$1":1}},"Base62Id":"00006S","Title":"Asd","Description":"","UpdateNote":null,"Created":1453550344473,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00006S"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":142,"$1":4}},"Base62Id":"00002I","Title":"Simple Calculator","Description":"A simple calculator with imperative update.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453212631463,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_I.png?t=1453212631"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00002I"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":190,"$1":2}},"Base62Id":"000034","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151569677,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/000034.png?t=1453151569"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000034"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":241,"$1":4}},"Base62Id":"00003t","Title":"WebSharper.Data JsonProvider","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1453151553257,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Data","$1":["FSharp.Data.dll","WebSharper.Data.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00003t.png?t=1453151553"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00003t"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":145,"$1":3}},"Base62Id":"00002L","Title":"Insert HTML content","Description":"Insert HTML content into the DOM using UI.Next","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452942011767,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00002_L.png?t=1452942011"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00002L"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":280,"$1":5}},"Base62Id":"00004W","Title":"JointJs sample","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452941977160,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JointJS","$1":["WebSharper.JointJS.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_W.png?t=1452941977"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00004W"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":272,"$1":2}},"Base62Id":"00004O","Title":"Composing reactive views for web forms","Description":"A simple asynchronous login form.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452893764210,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00004_O.png?t=1452893764"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00004O"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":323,"$1":3}},"Base62Id":"00005D","Title":"Rappid","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891389890,"Updated":{"$V":{"$":1,"$0":1453130272003}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Rappid","$1":["WebSharper.JointJS.dll","WebSharper.Rappid.dll","WebSharper.Rappid.Extensions.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005_D.png?t=1453130272"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":369,"$1":2}},"Base62Id":"00005x","Title":"Form.MapToAsyncResult example","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452891333247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00005x.png?t=1452891333"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/00005x"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":96,"$1":5}},"Base62Id":"00001Y","Title":"WebPaint","Description":"An extended drawing snippet that has line width and color features.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1452886079587,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/00001_Y.png?t=1452886079"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001Y"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":843,"$1":1}},"Base62Id":"0000Db","Title":"Ext JS","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.ExtJS","$1":["WebSharper.ExtJS.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/extjs.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Db"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":844,"$1":1}},"Base62Id":"0000Dc","Title":"Sencha Touch","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.SenchaTouch","$1":["WebSharper.SenchaTouch.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/senchatouch.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dc"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":845,"$1":1}},"Base62Id":"0000Dd","Title":"Kendo UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.KendoUI","$1":["WebSharper.TypeScript.Lib.dll","WebSharper.KendoUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/kendoui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Dd"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":846,"$1":1}},"Base62Id":"0000De","Title":"jQuery Mobile","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryMobile","$1":["WebSharper.JQuery.Mobile.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jquerymobile.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000De"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":847,"$1":1}},"Base62Id":"0000Df","Title":"jQuery UI","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/jqueryui.png?t=1452882350"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/0000Df"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":922,"$1":1}},"Base62Id":"0000Es","Title":"Todo List in C#","Description":null,"UpdateNote":null,"Created":1452882350000,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI","$1":["WebSharper.UI.dll","WebSharper.UI.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/todo-list-csharp.png?t=1452882350"}},"IsFSharp":false,"Compiles":true}},"#\/snippet\/WebSharper\/0000Es"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":339,"$1":3}},"Base62Id":"00005T","Title":"Not working localized errors","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1451223702457,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms.Bootstrap","$1":["WebSharper.Forms.Bootstrap.dll","WebSharper.Forms.dll","WebSharper.UI.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Forms","$1":["WebSharper.Forms.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Vasily Kirichenko"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Vasily~20Kirichenko\/00005T"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":330,"$1":1}},"Base62Id":"00005K","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1449352684860,"Updated":{"$V":{"$":1,"$0":1452884475787}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00005K"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":313,"$1":3}},"Base62Id":"000053","Title":"PeopleRegister","Description":"A small application to store data about people that survives a page refresh.","UpdateNote":{"$V":{"$":1,"$0":"Changed \"model\" to \"register\""}},"Created":1446824695620,"Updated":{"$V":{"$":1,"$0":1452884467770}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000053"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":315,"$1":2}},"Base62Id":"000055","Title":"Persistent ListModel","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446824557107,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"qwe2"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/qwe2\/000055"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":284,"$1":2}},"Base62Id":"00004a","Title":"Attr.Dynamiclass","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1446067759040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":267,"$1":1}},"Base62Id":"00004J","Title":"sitelet example","Description":"","UpdateNote":null,"Created":1445697657643,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.Html","$1":["WebSharper.Html.Client.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"odin"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/odin\/00004J"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":261,"$1":2}},"Base62Id":"00004D","Title":"W# router (like the ui.next sample)","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1445434844997,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00004D"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":255,"$1":3}},"Base62Id":"000047","Title":"JQueryUI with UI.Next","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444986193877,"Updated":{"$V":{"$":1,"$0":1453456520997}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.JQueryUI","$1":["WebSharper.JQueryUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/000047"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":254,"$1":1}},"Base62Id":"000046","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1444942573217,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/000046"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":247,"$1":5}},"Base62Id":"00003z","Title":"Language","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1444653482793,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}},{"$V":{"$":0,"$0":"WebSharper.UI.Formlets","$1":["WebSharper.UI.Formlets.dll","WebSharper.UI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00003z"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":236,"$1":1}},"Base62Id":"00003o","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443432932957,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003o"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":231,"$1":1}},"Base62Id":"00003j","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1443109667247,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":230,"$1":1}},"Base62Id":"00003i","Title":"Client-side routing with WebSharper.React","Description":"A simple example about the client-side routing capabilities in WebSharper.React.","UpdateNote":null,"Created":1443081193040,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Andreas Vilinski"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Andreas~20Vilinski\/00003i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":225,"$1":1}},"Base62Id":"00003d","Title":"Get it done","Description":"A simple to do application with React and MaterialUI.","UpdateNote":null,"Created":1442979278153,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00003d"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":222,"$1":1}},"Base62Id":"00003a","Title":"A Simple Component","Description":"","UpdateNote":null,"Created":1442938605070,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.React","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"binf1611@gmail.com"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/binf1611~40gmail.com\/00003a"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":104,"$1":2}},"Base62Id":"00001g","Title":"UI.Next SPA Router sample","Description":"SPA\nRouterMap\nBootstrap","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442822900857,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001g"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":208,"$1":3}},"Base62Id":"00003M","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442406171403,"Updated":{"$V":{"$":1,"$0":1452884494383}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":213,"$1":2}},"Base62Id":"00003R","Title":"Simple person piglet using UI.Next.Piglets","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1442304456873,"Updated":{"$V":{"$":1,"$0":1452884493053}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next.Piglets","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00003R"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":193,"$1":2}},"Base62Id":"000037","Title":"ReactForms","Description":"An attempt to a new form abstraction","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441441116760,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.MaterialUI","$1":["WebSharper.React.Bindings.dll","WebSharper.React.dll","WebSharper.MaterialUI.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000037"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":191,"$1":1}},"Base62Id":"000035","Title":"Prova","Description":"","UpdateNote":null,"Created":1441172437107,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"malbertife"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/malbertife\/000035"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":189,"$1":1}},"Base62Id":"000033","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1441143544420,"Updated":{"$V":{"$":1,"$0":1452884509550}},"Extensions":[{"$V":{"$":0,"$0":"WebSharper.UI.Next","$1":["WebSharper.UI.Next.dll","WebSharper.UI.Next.Templating.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/000033"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":147,"$1":4}},"Base62Id":"00002N","Title":"D3 intro","Description":"Basic usage of the D3 graphics library.","UpdateNote":{"$V":{"$":1,"$0":"Set references"}},"Created":1441142682287,"Updated":null,"Extensions":[{"$V":{"$":0,"$0":"WebSharper.D3","$1":["WebSharper.D3.dll"]}}],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"sandorr"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/sandorr\/00002N"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":178,"$1":3}},"Base62Id":"00002s","Title":"Play","Description":"","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1441022072987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"bananasareyellow"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/bananasareyellow\/00002s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":175,"$1":2}},"Base62Id":"00002p","Title":"Todo List","Description":"Interesting..","UpdateNote":{"$V":{"$":1,"$0":""}},"Created":1440737473987,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Anton Tayanovskyy"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Anton~20Tayanovskyy\/00002p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":169,"$1":1}},"Base62Id":"00002j","Title":"World Tour","Description":"Translation of mbostock's example featuring a world tour.","UpdateNote":null,"Created":1440611592767,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Chester Husk III"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Chester~20Husk~20III\/00002j"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":165,"$1":1}},"Base62Id":"00002f","Title":"123","Description":"","UpdateNote":null,"Created":1440608056553,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00002f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":116,"$1":1}},"Base62Id":"00001s","Title":"Navbar bootstrap","Description":"","UpdateNote":null,"Created":1439531502623,"Updated":{"$V":{"$":1,"$0":1439533283717}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001s"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":115,"$1":1}},"Base62Id":"00001r","Title":"Bug: ListModel can enter duplicate","Description":"","UpdateNote":null,"Created":1439524963367,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001r"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":114,"$1":1}},"Base62Id":"00001q","Title":"Fixed: ListModel add duplicate","Description":"Added int to id","UpdateNote":null,"Created":1439523570717,"Updated":{"$V":{"$":1,"$0":1439525106910}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001q"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":113,"$1":1}},"Base62Id":"00001p","Title":"Bug on ListModel with Json deserialize ","Description":"","UpdateNote":null,"Created":1439522709440,"Updated":{"$V":{"$":1,"$0":1439524439997}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001p"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":110,"$1":1}},"Base62Id":"00001m","Title":"Drag n drop counters","Description":"Websharper UI.Next sample drag n drop handling. Using counter to understand the flow of events called in JS.","UpdateNote":null,"Created":1439449108010,"Updated":{"$V":{"$":1,"$0":1439450137943}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001m"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":108,"$1":1}},"Base62Id":"00001k","Title":"Websharper UI.Net Ajax call to rest api","Description":"Using http:\/\/jsonplaceholder.typicode.com\/ as a test api","UpdateNote":null,"Created":1439389687527,"Updated":{"$V":{"$":1,"$0":1439489356527}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Lamk"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Lamk\/00001k"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":106,"$1":1}},"Base62Id":"00001i","Title":"Client-side routing","Description":"Demonstrates how to do client-side routing in a single-page application.","UpdateNote":null,"Created":1439331049070,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"Try WebSharper"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/Try~20WebSharper\/00001i"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":84,"$1":1}},"Base62Id":"00001M","Title":"Todo List","Description":null,"UpdateNote":null,"Created":1438710448653,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"dsyme"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/dsyme\/00001M"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":73,"$1":1}},"Base62Id":"00001B","Title":"Adam's Basic Clock","Description":null,"UpdateNote":null,"Created":1438274933437,"Updated":{"$V":{"$":1,"$0":1438274951463}},"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"adam.granicz"}},"Snapshot":null,"IsFSharp":true,"Compiles":true}},"#\/snippet\/adam.granicz\/00001B"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":41,"$1":1}},"Base62Id":"00000f","Title":"Drawing Around","Description":null,"UpdateNote":null,"Created":1434717278830,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/drawing-around.png?t=1434717278"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000f"],[{"$T":5,"$V":{"Id":{"$V":{"$":0,"$0":40,"$1":1}},"Base62Id":"00000e","Title":"Clock","Description":null,"UpdateNote":null,"Created":1434717217557,"Updated":null,"Extensions":[],"IsPublic":true,"Username":{"$V":{"$":1,"$0":"WebSharper"}},"Snapshot":{"$V":{"$":1,"$0":"snippet-thumbnails\/clock.png?t=1434717217"}},"IsFSharp":true,"Compiles":true}},"#\/snippet\/WebSharper\/00000e"]]],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","Examples"]}},"ws1113788422":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginLayout"]}},"ws1817257530":{"$T":0,"$V":{"args":[{"$V":{"FacebookUrl":"https:\/\/www.facebook.com\/dialog\/oauth?response_type=code&client_id=114366915894428&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Ffacebook-accounts&scope=email","GithubUrl":"https:\/\/github.com\/login\/oauth\/authorize?response_type=code&client_id=4c373b36e88850e0f818&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgithub-accounts&scope=user%3Aemail","GoogleUrl":"https:\/\/accounts.google.com\/o\/oauth2\/auth?response_type=code&client_id=515722079211-ohdd9ujqdotfmdc1uihg7jvfqburl2k4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Faccounts.websharper.com%2Foauth2-login%2Fgoogle&scope=email%20profile","BaseUrl":"http:\/\/accounts.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","LoginLayer","LoginButton"]}},"ws2063052562":{"$T":0,"$V":{"args":[{"$V":{"MainSite":"https:\/\/websharper.com","ForumSite":"https:\/\/forums.websharper.com","DevSite":"https:\/\/developers.websharper.com"}}],"funcName":["TryWebSharper","Website","CompilerService","Templating","ReactiveTemplates","SwiperContent"]}}}}}"> Try Websharper Try WebSharper Run Save Fork Documentation Downloads Try Online Blogs Forums Support person Try WebSharper Documentation Downloads Try Online Blogs Forums Support Samples Drawing around Pool game Clock Todo List Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile < Source Markup Comments Embed Help Result > 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 1XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PreviewHelpx Log in with:Cancel Embed it into your website Direct link Embed link Responsive frame <div style="width:100%;min-height:300px;position:relative"><iframe style="position:absolute;border:none;width:100%;height:100%" src=""></iframe><div> Connecting... Result Featured examples Todo List with F# Todo List with C# Drawing around Pool game Clock Google Visualization Ext JS Sencha Touch jQuery UI Kendo UI jQuery Mobile Filter Refresh Name Languages check_box_outline_blank C# check_box_outline_blank F# Libraries check_box_outline_blank Name check_box_outline_blank ChartJs check_box_outline_blank Charting check_box_outline_blank Cytoscape check_box_outline_blank D3 check_box_outline_blank Data check_box_outline_blank Dojo check_box_outline_blank ExtJS check_box_outline_blank Forms check_box_outline_blank Forms.Bootstrap check_box_outline_blank GlMatrix check_box_outline_blank GoldenLayout check_box_outline_blank Google.CodePrettify check_box_outline_blank Google.Visualization check_box_outline_blank HammerJS check_box_outline_blank Highcharts check_box_outline_blank Html check_box_outline_blank IntroJS check_box_outline_blank JQueryMobile check_box_outline_blank JQueryUI check_box_outline_blank JointJS check_box_outline_blank KendoUI check_box_outline_blank MaterialUI check_box_outline_blank MathJS check_box_outline_blank MathJax check_box_outline_blank MediumEditor check_box_outline_blank Moment check_box_outline_blank Mvu check_box_outline_blank O3D check_box_outline_blank Peity check_box_outline_blank Piglets check_box_outline_blank Raphael check_box_outline_blank Rappid check_box_outline_blank React check_box_outline_blank Remarkable check_box_outline_blank Rickshaw check_box_outline_blank SenchaTouch check_box_outline_blank SlickGrid check_box_outline_blank SweetAlert check_box_outline_blank Swiper check_box_outline_blank UI check_box_outline_blank UI.Formlets check_box_outline_blank UI.Next check_box_outline_blank UI.Next.Piglets Authors check_box_outline_blank Name check_box_outline_blank adam.granicz (43) check_box_outline_blank JankoA (31) check_box_outline_blank loic.denuziere (24) check_box_outline_blank setr (19) check_box_outline_blank Lamk (16) check_box_outline_blank jooseppi (16) check_box_outline_blank user3383 (15) check_box_outline_blank user3359 (15) check_box_outline_blank qwe2 (15) check_box_outline_blank WebSharper (11) check_box_outline_blank sandorr (8) check_box_outline_blank Martin 000 (8) check_box_outline_blank adam.abonyi-toth (7) check_box_outline_blank Badmoonz (7) check_box_outline_blank user3343 (4) check_box_outline_blank Andreas Vilinski (4) check_box_outline_blank user3332 (3) check_box_outline_blank gergely.fabian (3) check_box_outline_blank user4207 (3) check_box_outline_blank user5892 (2) check_box_outline_blank user3850 (2) check_box_outline_blank Dark_Clark (2) check_box_outline_blank Anton Tayanovskyy (2) check_box_outline_blank malbertife (2) check_box_outline_blank Try WebSharper (2) check_box_outline_blank user4032 (1) check_box_outline_blank user3950 (1) check_box_outline_blank user3896 (1) check_box_outline_blank user3329 (1) check_box_outline_blank imranypatel@gmail.com (1) check_box_outline_blank user3757 (1) check_box_outline_blank user3735 (1) check_box_outline_blank user3546 (1) check_box_outline_blank user3530 (1) check_box_outline_blank user3303 (1) check_box_outline_blank StefanBelo (1) check_box_outline_blank Khurram (1) check_box_outline_blank Ragmjol (1) check_box_outline_blank vlasovde@gmail.com (1) check_box_outline_blank maestrow (1) check_box_outline_blank Goswin (1) check_box_outline_blank michakun@gmail.com (1) check_box_outline_blank Vasily Kirichenko (1) check_box_outline_blank odin (1) check_box_outline_blank binf1611@gmail.com (1) check_box_outline_blank bananasareyellow (1) check_box_outline_blank Chester Husk III (1) check_box_outline_blank dsyme (1) All snippets showing top 36 matches GlobalNation1 (doesn't compile) GlobalNations The provided code furnishes users with a foundational interface to conduct country searches. Once they type their query into the search box or click on the search button, the application dynamically updates and presents search results. rock_paper_scissors F# + WebSharper to create a simple rock paper scissors game vs computer. (doesn't compile) Joke_Generator A simple app using a randomizer to give you a good joke and make your day better! Are lenses on record fields updated each time another lens is updated? Are lenses on record fields updated each time another lens is updated? ListModel.Doc updates all not only changes ListModel.Doc updates all not only changes Forms with currency using decimal and units of measure This is an attempt to figure out how to work with units of measure and decimal values on WebSharper.Forms Forms with currency using decimal and units of measure Todo List in F# Discard empty task names and always trim task names classDynPredBoth MVU + WebSharper.UI-based File Uploader Component Simple reactive file uploader component built using MVU architecture. MVU + WebSharper.UI-based File Uploader Component IP Project Tracker form with Submit WebSharper.Forms (Piglets) for collections example (https://github.com/intellifactory/websharper.forms/blob/master/docs/Introduction.md#piglets-for-collections) IP Project Tracker form with Submit UI Tic-Tac-Toe Port to UI of the Tic-Tac-Toe from the Intro to React tutorial. Testing custom Json convert See https://github.com/dotnet-websharper/core/issues/1127 Testing custom Json convert WebSharper.Forms WithSubmit test WebSharper.Forms WithSubmit test WSReactDatePicker react-datepicker component imported in WebSharper React React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI the other way around: setting React from UI React hooks mixed with UI React hooks mixed with UI React hooks React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel React Sample Example of W# React React Grouping Example of W# React Porting of https://github.com/JordanMarr/Fable.GroupingPanel Google Visualization Hello world Hello world with WebSharper UI View.MapCachedBy and ListModel Demo View.MapCachedBy and ListModel Demo MVU with subpages attempt An attempt to implement MVU-based app with a tree of pages. MVU with subpages attempt Including a WS.UI Doc inside a WS.Html Element Including a WS.UI Doc inside a WS.Html Element Pythagorean Tree Creating a randomized Pythagorean tree using F# and HTML5 canvas Doc.SelectOptional - proposed fix relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional - proposed fix Doc.SelectOptional to be fixed relevant source of Doc.SelectOptional from from W# ui github, adapted as a snippt Doc.SelectOptional to be fixed F# Delayed function Demonstrates the use of a delayed action when typing into a text input F# Async cancellation F# Async cancellation Focus problem - nested ListModels Focus problem - nested ListModels Error in dynamic attribute Error in dynamic attribute Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue - done! Mock up for SelectDynOptional issue (version with bootstrap modal) Mock up for SelectDynOptional issue (version with bootstrap modal) A simple reactive formlet - Bug Repro A simple reactive formlet - Bug Repro Show more C# F# Import Gist Gist URL Invalid Gist URL Import Gist Gist URL Invalid Gist URL Keybindings Keybinding Action Ctrl-D Command-D Alt-Shift-Down Command-Option-Down Alt-Shift-Up Command-Option-Up Alt-Down Option-Down Alt-Up Option-Up Alt-Delete Command-K Alt-Backspace Command-Backspace Ctrl-Backspace Option-Backspace Ctrl-Delete Option-Delete Ctrl-, Command-, Ctrl-/ Command-/ Alt-L Command-Option-L Alt-Shift-L Command-Option-Shift-L Ctrl-F Command-F Ctrl-H Command-Option-F Ctrl-L Command-L Remove line Copy lines down Copy lines up Move lines down Move lines up Remove to line end Remove to line start Remove word left Remove word right Show settings Toggle comment Fold selection Unfold selection Find Replace Go to line X We are logging you in. Please be patient. This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.Read our Cookie PolicyAccept cookiesRefuse cookies xMarkdown CheatsheetYou can use a subset of standard Markdown syntax for formatting your message.Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 --- Emphasis *italics* or _italics_ **bold** or __bold__ **_combined_** Lists 1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses Links [inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage") Images  Code Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world" Tables | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | Blockquotes > Blockquotes are very handy. > This won't break line. Horizontal Rule Three or more... --- Hyphens *** Asterisks ___ Underscores Line BreaksOne new line will not start a new paragraph or break the line. For that use two or more newlines.Source and more detailed information.
This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, and analyse your use of our products and services.
You can use a subset of standard Markdown syntax for formatting your message.
# H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternative style with udnerline: H1 === H2 ---
*italics* or _italics_ **bold** or __bold__ **_combined_**
1. First ordered list item 2. Another item * Unordered sub-list. 1. Actual numbers don't matter, just that it's a number 1. Ordered sub-list 4. And another item. Indent with spaces in the same paragraph. * Unordered list can use asterisks - Or minuses + Or pluses
[inline link](https://www.google.com) [inline link with title](https://www.google.com "Google's Homepage")

Inline `code` has `back-ticks around` it. Block of code: ``` let awesome = 42 ``` ```fsharp printf "With syntax highlighting" ``` or indented by 4 spaces: let text = "Hello world"
| Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |
> Blockquotes are very handy. > This won't break line.
Three or more... --- Hyphens *** Asterisks ___ Underscores
One new line will not start a new paragraph or break the line. For that use two or more newlines.
Source and more detailed information.