Basics

On Try WebSharper you can create small SPA-like applications with the following constraints:

• You have only two files: An F# source file and a markup file.
• In your source file every let value will be evaluated. This means that you have to be careful about where you put your initializing code.
  • Tip: Put your initializing code in a let value called Main at the end of the source file.

References

To add references to your snippet, click on the gear icon on the Source tab. This will open a popup dialog, where you can select what references you would like to use.

Templating

Next to customizing your markup file directly, you can also use it for templating. You can reference your markup file in UI.Next templating with Snippet.IndexHtml like this:

1
2
3
4
5
6

open WebSharper.UI.Next
//...
type IndexTemplate = Templating.Template<Snippet.IndexHtml>

IndexTemplate.TemplateName()
    .TemplateHole(...)

Here TemplateName is a template you added in your markup file, with a placeholder called TemplateHole. Tailor this code to fit your markup file.