Feliz.UseElmish
2.3.0
dotnet add package Feliz.UseElmish --version 2.3.0
NuGet\Install-Package Feliz.UseElmish -Version 2.3.0
<PackageReference Include="Feliz.UseElmish" Version="2.3.0" />
paket add Feliz.UseElmish --version 2.3.0
#r "nuget: Feliz.UseElmish, 2.3.0"
// Install Feliz.UseElmish as a Cake Addin
#addin nuget:?package=Feliz.UseElmish&version=2.3.0
// Install Feliz.UseElmish as a Cake Tool
#tool nuget:?package=Feliz.UseElmish&version=2.3.0
Feliz

A fresh retake of the React API in Fable, optimized for happiness.
Here is how it looks like:
module App
open Feliz
[<ReactComponent>]
let Counter() =
let (count, setCount) = React.useState(0)
Html.div [
Html.button [
prop.style [ style.marginRight 5 ]
prop.onClick (fun _ -> setCount(count + 1))
prop.text "Increment"
]
Html.button [
prop.style [ style.marginLeft 5 ]
prop.onClick (fun _ -> setCount(count - 1))
prop.text "Decrement"
]
Html.h1 count
]
open Browser.Dom
let root = ReactDOM.createRoot(document.getElementById "root")
root.render(Counter())
Features
- Consistent, lightweight formatting: no more awkward indentation using two lists for every element.
- Discoverable attributes with no more functions,
Html
attributes or css properties globally available so they are easy to find. - Proper documentation: each attribute and CSS property
- Full React API support: Feliz aims to support the React API for building components using hooks, context and more.
- Fully Type-safe: no more
Margin of obj
but instead utilizing a plethora of overloaded functions to account for the overloaded nature ofCSS
attributes, covering 90%+ of the CSS styles, values and properties. - Included color list of most commonly used
Html
colors in thecolors
module. - Compatible with the current React DSL used in applications.
- Compatible with Femto.
- Approximately Zero bundle size increase where everything function body is erased from the generated javascript unless you actually use said function.
Documentation
Feliz has extensive documentation at https://zaid-ajaj.github.io/Feliz with live examples along side code samples, check them out and if you have any question, let us know!
Product | Versions |
---|---|
.NET | net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.0-windows |
.NET Core | netcoreapp2.0 netcoreapp2.1 netcoreapp2.2 netcoreapp3.0 netcoreapp3.1 |
.NET Standard | netstandard2.0 netstandard2.1 |
.NET Framework | net461 net462 net463 net47 net471 net472 net48 net481 |
MonoAndroid | monoandroid |
MonoMac | monomac |
MonoTouch | monotouch |
Tizen | tizen40 tizen60 |
Xamarin.iOS | xamarinios |
Xamarin.Mac | xamarinmac |
Xamarin.TVOS | xamarintvos |
Xamarin.WatchOS | xamarinwatchos |
-
.NETStandard 2.0
- Fable.Elmish (>= 4.0.0)
- FSharp.Core (>= 4.7.2)
NuGet packages (3)
Showing the top 3 NuGet packages that depend on Feliz.UseElmish:
Package | Downloads |
---|---|
Feliz.ElmishComponents
Elmish components as React elements without the boilerplate based on the Feliz API |
|
Feliz.2sxc
Bindings and Helpers to create Apps for 2sxc with Feliz and Fable Compiler |
|
Feliz.Router.BasePath
Hooks for using Feliz.Router in sub pages |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
2.3.0 | 177 | 1/5/2023 |
2.2.0 | 95 | 1/4/2023 |
2.1.0 | 181 | 12/25/2022 |
2.0.0 | 102 | 12/25/2022 |
1.6.0 | 19,431 | 11/5/2021 |
1.5.1 | 27,180 | 2/21/2021 |
1.5.0 | 6,888 | 11/15/2020 |
1.4.1 | 6,942 | 9/1/2020 |
1.4.0 | 534 | 8/16/2020 |
1.3.0 | 371 | 8/8/2020 |
1.2.2 | 2,177 | 6/26/2020 |
1.2.1 | 5,014 | 5/26/2020 |
1.2.0 | 6,742 | 5/25/2020 |
1.1.0 | 836 | 5/22/2020 |
1.0.0 | 495 | 5/22/2020 |
Queue messages dispatched before the Elmish program has subscribed, then dispatch them after the dispatch loop has started