Feliz.UseElmish
2.5.0
dotnet add package Feliz.UseElmish --version 2.5.0
NuGet\Install-Package Feliz.UseElmish -Version 2.5.0
<PackageReference Include="Feliz.UseElmish" Version="2.5.0" />
paket add Feliz.UseElmish --version 2.5.0
#r "nuget: Feliz.UseElmish, 2.5.0"
// Install Feliz.UseElmish as a Cake Addin #addin nuget:?package=Feliz.UseElmish&version=2.5.0 // Install Feliz.UseElmish as a Cake Tool #tool nuget:?package=Feliz.UseElmish&version=2.5.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.
Quick Start
dotnet new -i Feliz.Template
dotnet new feliz -n MyProject
cd MyProject
npm install
npm start
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 Compatible and additional computed target framework versions. |
---|---|
.NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
.NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
.NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
.NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
MonoAndroid | monoandroid was computed. |
MonoMac | monomac was computed. |
MonoTouch | monotouch was computed. |
Tizen | tizen40 was computed. tizen60 was computed. |
Xamarin.iOS | xamarinios was computed. |
Xamarin.Mac | xamarinmac was computed. |
Xamarin.TVOS | xamarintvos was computed. |
Xamarin.WatchOS | xamarinwatchos was computed. |
-
.NETStandard 2.0
- Fable.Elmish (>= 4.0.0)
- FSharp.Core (>= 4.7.2)
NuGet packages (4)
Showing the top 4 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 |
|
Antidote.FormStudio
Package Description |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
2.5.0 | 16,589 | 11/21/2023 |
2.4.0 | 7,906 | 3/18/2023 |
2.3.0 | 2,779 | 1/5/2023 |
2.2.0 | 796 | 1/4/2023 |
2.1.0 | 922 | 12/25/2022 |
2.0.0 | 835 | 12/25/2022 |
1.6.0 | 44,569 | 11/5/2021 |
1.5.1 | 35,392 | 2/21/2021 |
1.5.0 | 7,720 | 11/15/2020 |
1.4.1 | 8,302 | 9/1/2020 |
1.4.0 | 1,160 | 8/16/2020 |
1.3.0 | 983 | 8/8/2020 |
1.2.2 | 2,987 | 6/26/2020 |
1.2.1 | 5,827 | 5/26/2020 |
1.2.0 | 7,405 | 5/25/2020 |
1.1.0 | 1,556 | 5/22/2020 |
1.0.0 | 1,275 | 5/22/2020 |
Making dispatch function stable