Feliz 2.6.0
dotnet add package Feliz --version 2.6.0
NuGet\Install-Package Feliz -Version 2.6.0
<PackageReference Include="Feliz" Version="2.6.0" />
paket add Feliz --version 2.6.0
#r "nuget: Feliz, 2.6.0"
// Install Feliz as a Cake Addin
#addin nuget:?package=Feliz&version=2.6.0
// Install Feliz as a Cake Tool
#tool nuget:?package=Feliz&version=2.6.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 |
---|---|
.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.ReactDom.Types (>= 18.2.0)
- Feliz.CompilerPlugins (>= 2.2.0)
- FSharp.Core (>= 4.7.2)
NuGet packages (100)
Showing the top 5 NuGet packages that depend on Feliz:
Package | Downloads |
---|---|
Feliz.Router
A router component for React and Elmish that is focused, powerful and extremely easy to use. |
|
Feliz.UseListener
React hooks for easy event listener management. |
|
Feliz.Bulma
Bulma wrapper for amazing Feliz DSL |
|
Feliz.UseDeferred
Hooks for dead-simple data fetching with Feliz |
|
Feliz.Recharts
Recharts bindings based on the Feliz API |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
2.6.0 | 640 | 3/21/2023 |
2.5.0 | 247 | 3/18/2023 |
2.4.1 | 1,253 | 2/23/2023 |
2.4.0 | 4,788 | 1/14/2023 |
2.3.0 | 2,274 | 12/27/2022 |
2.2.0 | 153 | 12/27/2022 |
2.1.0 | 157 | 12/27/2022 |
2.0.1 | 205 | 12/25/2022 |
2.0.0 | 1,029 | 12/25/2022 |
2.0.0-prerelease-003 | 3,025 | 9/16/2022 |
2.0.0-prerelease-002 | 708 | 9/1/2022 |
2.0.0-prerelease-001 | 76 | 8/26/2022 |
1.68.0 | 19,880 | 8/17/2022 |
1.67.0 | 5,057 | 8/5/2022 |
1.66.0 | 1,259 | 8/3/2022 |
1.65.0 | 12,506 | 7/9/2022 |
1.64.0 | 14,155 | 5/9/2022 |
1.63.0 | 448 | 5/9/2022 |
1.62.0 | 13,829 | 4/19/2022 |
1.61.0 | 14,217 | 3/12/2022 |
1.60.0 | 1,028 | 3/5/2022 |
1.59.0 | 8,819 | 2/24/2022 |
1.58.1 | 5,456 | 2/10/2022 |
1.58.0 | 1,011 | 2/3/2022 |
1.57.0 | 18,205 | 11/29/2021 |
1.56.0 | 3,024 | 11/8/2021 |
1.55.0 | 3,948 | 11/5/2021 |
1.54.0 | 2,868 | 10/24/2021 |
1.53.0 | 3,235 | 10/2/2021 |
1.52.0 | 7,894 | 9/10/2021 |
1.51.0 | 8,580 | 8/17/2021 |
1.50.0 | 2,297 | 8/8/2021 |
1.49.0 | 19,488 | 7/7/2021 |
1.48.0 | 334 | 7/7/2021 |
1.47.0 | 14,737 | 6/13/2021 |
1.46.0 | 1,689 | 6/8/2021 |
1.45.0 | 7,189 | 5/13/2021 |
1.44.0 | 1,321 | 5/3/2021 |
1.43.0 | 4,963 | 4/16/2021 |
1.42.0 | 1,365 | 4/10/2021 |
1.41.0 | 530 | 4/8/2021 |
1.40.1 | 3,078 | 3/30/2021 |
1.40.0 | 1,695 | 3/24/2021 |
1.39.0 | 336 | 3/24/2021 |
1.38.0 | 973 | 3/17/2021 |
1.37.0 | 4,597 | 3/8/2021 |
1.36.0 | 393 | 3/6/2021 |
1.35.0 | 989 | 2/28/2021 |
1.34.0 | 1,338 | 2/21/2021 |
1.33.1 | 10,657 | 2/21/2021 |
1.33.0 | 3,139 | 2/4/2021 |
1.32.0 | 13,601 | 12/27/2020 |
1.31.1 | 946 | 12/22/2020 |
1.31.0 | 572 | 12/22/2020 |
1.30.0 | 316 | 12/22/2020 |
1.29.0 | 1,690 | 12/15/2020 |
1.28.0 | 14,808 | 12/15/2020 |
1.27.0 | 502 | 12/13/2020 |
1.25.0 | 541 | 12/12/2020 |
1.24.0 | 973 | 12/10/2020 |
1.23.0 | 345 | 12/10/2020 |
1.22.1 | 374 | 12/10/2020 |
1.22.0 | 4,765 | 12/2/2020 |
1.21.0 | 456 | 12/2/2020 |
1.20.0 | 828 | 11/27/2020 |
1.19.0 | 341 | 11/26/2020 |
1.18.0 | 967 | 11/26/2020 |
1.17.0 | 7,346 | 11/15/2020 |
1.16.2 | 1,750 | 11/1/2020 |
1.16.1 | 437 | 10/30/2020 |
1.16.0 | 5,865 | 10/23/2020 |
1.15.0 | 752 | 10/23/2020 |
1.14.1 | 3,559 | 10/19/2020 |
1.14.0 | 4,174 | 9/19/2020 |
1.13.2 | 1,205 | 9/16/2020 |
1.13.1 | 9,485 | 9/1/2020 |
1.13.0 | 3,454 | 8/16/2020 |
1.12.1 | 1,102 | 8/10/2020 |
1.12.0 | 777 | 8/9/2020 |
1.11.0 | 1,193 | 8/8/2020 |
1.10.1 | 1,145 | 7/30/2020 |
1.10.0 | 425 | 7/29/2020 |
1.9.0 | 407 | 7/29/2020 |
1.8.0 | 462 | 7/29/2020 |
1.7.0 | 1,568 | 7/16/2020 |
1.6.0 | 7,435 | 7/3/2020 |
1.5.0 | 7,038 | 6/24/2020 |
1.4.0 | 440 | 6/24/2020 |
1.3.0 | 9,044 | 6/7/2020 |
1.2.0 | 1,888 | 6/4/2020 |
1.1.1 | 5,804 | 5/24/2020 |
1.1.0 | 2,599 | 5/21/2020 |
1.0.0 | 2,324 | 5/16/2020 |
0.86.0 | 2,451 | 5/9/2020 |
0.85.0 | 1,066 | 5/7/2020 |
0.84.0 | 586 | 5/4/2020 |
0.83.0 | 1,578 | 5/4/2020 |
0.82.0 | 517 | 5/3/2020 |
0.81.0 | 776 | 4/30/2020 |
0.80.0 | 539 | 4/28/2020 |
0.79.0 | 409 | 4/28/2020 |
0.78.0 | 957 | 4/27/2020 |
0.77.0 | 408 | 4/26/2020 |
0.76.0 | 916 | 4/26/2020 |
0.75.0 | 1,821 | 4/22/2020 |
0.74.2 | 5,566 | 4/20/2020 |
0.74.1 | 2,461 | 4/12/2020 |
0.74.0 | 2,630 | 3/29/2020 |
0.73.0 | 1,176 | 3/26/2020 |
0.72.0 | 4,953 | 3/22/2020 |
0.71.0 | 1,063 | 3/20/2020 |
0.70.0 | 1,927 | 3/17/2020 |
0.69.0 | 1,188 | 3/12/2020 |
0.68.10 | 4,844 | 12/10/2019 |
0.68.9 | 3,271 | 12/5/2019 |
0.68.8 | 987 | 12/5/2019 |
0.68.7 | 1,598 | 12/4/2019 |
0.68.6 | 993 | 12/1/2019 |
0.68.5 | 948 | 11/29/2019 |
0.68.3 | 2,981 | 11/27/2019 |
0.68.2 | 5,298 | 11/18/2019 |
0.68.1 | 924 | 11/18/2019 |
0.68.0 | 2,766 | 11/14/2019 |
0.67.2 | 1,602 | 11/13/2019 |
0.67.1 | 1,127 | 11/4/2019 |
0.67.0 | 1,223 | 11/4/2019 |
0.66.5 | 988 | 11/3/2019 |
0.66.4 | 835 | 11/3/2019 |
0.66.3 | 857 | 11/1/2019 |
0.66.2 | 851 | 11/1/2019 |
0.66.1 | 1,516 | 10/31/2019 |
0.66.0 | 1,042 | 10/30/2019 |
0.65.5 | 870 | 10/29/2019 |
0.65.4 | 862 | 10/28/2019 |
0.65.3 | 881 | 10/28/2019 |
0.65.2 | 757 | 10/27/2019 |
0.65.1 | 738 | 10/27/2019 |
0.65.0 | 1,007 | 10/27/2019 |
0.64.0 | 765 | 10/27/2019 |
0.63.0 | 988 | 10/22/2019 |
0.62.0 | 672 | 10/21/2019 |
0.61.0 | 641 | 10/21/2019 |
0.60.0 | 451 | 10/20/2019 |
0.59.0 | 746 | 10/20/2019 |
0.58.0 | 1,626 | 10/14/2019 |
0.57.2 | 726 | 10/12/2019 |
0.57.1 | 668 | 10/10/2019 |
0.57.0 | 1,048 | 10/8/2019 |
0.56.0 | 867 | 10/6/2019 |
0.55.0 | 464 | 10/6/2019 |
0.54.0 | 577 | 10/6/2019 |
0.53.0 | 726 | 10/5/2019 |
0.52.0 | 721 | 9/14/2019 |
0.51.0 | 463 | 9/14/2019 |
0.50.0 | 488 | 9/10/2019 |
0.49.0 | 480 | 9/9/2019 |
0.48.0 | 482 | 9/9/2019 |
0.47.0 | 710 | 8/31/2019 |
0.46.0 | 794 | 8/28/2019 |
0.45.0 | 482 | 8/28/2019 |
0.44.0 | 459 | 8/27/2019 |
0.42.0 | 497 | 8/26/2019 |
0.41.0 | 522 | 8/19/2019 |
0.40.0 | 829 | 8/13/2019 |
0.39.0 | 493 | 8/13/2019 |
0.38.0 | 540 | 8/5/2019 |
0.37.0 | 514 | 8/5/2019 |
0.36.0 | 525 | 7/31/2019 |
0.35.0 | 561 | 7/29/2019 |
0.34.0 | 503 | 7/28/2019 |
0.33.0 | 495 | 7/28/2019 |
0.32.0 | 509 | 7/28/2019 |
0.31.0 | 492 | 7/28/2019 |
0.30.0 | 506 | 7/27/2019 |
0.29.0 | 493 | 7/26/2019 |
0.28.0 | 484 | 7/26/2019 |
0.27.0 | 496 | 7/26/2019 |
0.26.0 | 481 | 7/26/2019 |
0.25.0 | 482 | 7/26/2019 |
0.24.0 | 499 | 7/25/2019 |
0.23.0 | 505 | 7/25/2019 |
0.22.0 | 486 | 7/25/2019 |
0.20.0 | 478 | 7/25/2019 |
0.19.0 | 507 | 7/25/2019 |
0.18.0 | 500 | 7/24/2019 |
0.17.0 | 490 | 7/24/2019 |
0.16.0 | 524 | 7/23/2019 |
0.15.0 | 479 | 7/22/2019 |
0.14.0 | 484 | 7/22/2019 |
0.13.0 | 485 | 7/22/2019 |
0.12.0 | 525 | 7/22/2019 |
0.11.0 | 478 | 7/22/2019 |
0.10.1 | 482 | 7/22/2019 |
0.10.0 | 491 | 7/22/2019 |
0.9.0 | 493 | 7/22/2019 |
0.8.0 | 514 | 7/22/2019 |
0.7.0 | 486 | 7/22/2019 |
0.6.0 | 513 | 7/22/2019 |
0.5.0 | 489 | 7/21/2019 |
0.4.0 | 469 | 7/21/2019 |
0.3.0 | 477 | 7/21/2019 |
0.2.0 | 488 | 7/21/2019 |
0.1.0 | 520 | 7/21/2019 |
Update Feliz.CompilerPlugins to remove redundant declaration of imported React component