Fun.Blazor

This is a project to make F# developer to write blazor easier.

1. Use F# ❤️😊 for blazor
2. Computation expression (CE) style DSL for internal and third party blazor libraries
3. Dependency injection (html.inject/html.comp)
4. Adaptive model (adaptiview/AdaptivieForm) (recommend), elmish model (html.elmish)
5. Giraffe style routing (html.route)
6. Type safe style (Fun.Css)
7. Convert html to CE style by Fun.Dev.Tools

Check the WASM Docs for more 🚀

Benchmark

BenchmarkDotNet=v0.13.5, OS=Windows 11 (10.0.22621.1848/22H2/2022Update/SunValley2) Intel Core i7-1065G7 CPU 1.30GHz, 1 CPU, 8 logical and 4 physical cores .NET SDK=7.0.203 [Host] : .NET 7.0.7 (7.0.723.27404), X64 RyuJIT AVX2 DEBUG DefaultJob : .NET 7.0.7 (7.0.723.27404), X64 RyuJIT AVX2

Main projects

1. Fun.Blazor: help you to use basic dom DSL and state management helpers.

   let demo =
       adaptiview(){
           let! count, setCount = FSharp.Data.Adaptive.cval(1).WithSetter()
           button {
               onclick (fun _ -> setCount (count + 1))
               "Increase"
           }
           div {
               style { color "red" }
               $"value = {count}"
           }
       }

2. Fun.Blazor.Cli: support hot-reload and help you to generate CE style binding automatically for any blazor third party libraries.

   Docs for how to use it

   Docs for hot-reload

   Samples for using MudBlazor

   open Fun.Blazor
   open MudBlazor
   
   let alertDemo =
       MudCard'.create [
           MudAlert'() {
               Icon Icons.Filled.AccessAlarm
               "This is the way"
           }
       ]