Fable samples for browser apps
Switch branches/tags
Nothing to show
Clone or download


Fable samples

Building and running the samples

  • Restore NPM dependencies: yarn install
  • Restore NuGet dependencies: dotnet restore
  • Move to src folder: cd src
  • Restore NuGet dependencies to get fable cli working: dotnet restore
  • Start Fable and Webpack dev server: dotnet fable yarn-start
  • In your browser, open localhost:8080/[EXAMPLE] (e.g. http://localhost:8080/ozmo)

Any modification you do to the F# code will be reflected in the web page after saving. If you want to write JS files to disk instead of using the development server, run dotnet fable yarn-build.

Adding a new sample

  • Take one of the existing samples as a reference.
  • Add the information about your sample to public/samples.json5: id, entry file (usually the .fsproj), title and description; in one of the three categories: "games", "visual" or "productivity".
  • Add one folder named after the id of the sample to src directory and another one to public. The first one will contain the F# (and maybe JS) source files, while the second contains the public assets for the sample (like index.html, images, etc).
  • Add the project to the Fable.Samples.sln solution: dotnet sln add src/my-sample/My.Sample.fsproj
  • Restore NuGet dependencies: dotnet restore