Feliz 2.0.1
See the version list below for details.
dotnet add package Feliz --version 2.0.1
NuGet\Install-Package Feliz -Version 2.0.1
<PackageReference Include="Feliz" Version="2.0.1" />
paket add Feliz --version 2.0.1
#r "nuget: Feliz, 2.0.1"
// Install Feliz as a Cake Addin
#addin nuget:?package=Feliz&version=2.0.1
// Install Feliz as a Cake Tool
#tool nuget:?package=Feliz&version=2.0.1
Feliz
![Build status](https://ci.appveyor.com/api/projects/status/yqinhayy1pgfcubp/branch/master?svg=true)
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
ReactDOM.render(Counter(), document.getElementById "root")
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 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.React.Types (>= 18.1.0)
- Feliz.CompilerPlugins (>= 2.0.0)
- FSharp.Core (>= 4.7.2)
NuGet packages (119)
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.8.0-beta.0 | 1,218 | 12/25/2023 |
2.7.0 | 13,089 | 10/8/2023 |
2.6.0 | 36,319 | 3/21/2023 |
2.5.0 | 479 | 3/18/2023 |
2.4.1 | 3,819 | 2/23/2023 |
2.4.0 | 9,374 | 1/14/2023 |
2.3.0 | 6,448 | 12/27/2022 |
2.2.0 | 300 | 12/27/2022 |
2.1.0 | 299 | 12/27/2022 |
2.0.1 | 422 | 12/25/2022 |
2.0.0 | 1,965 | 12/25/2022 |
2.0.0-prerelease-003 | 5,170 | 9/16/2022 |
2.0.0-prerelease-002 | 2,846 | 9/1/2022 |
2.0.0-prerelease-001 | 159 | 8/26/2022 |
1.68.0 | 40,025 | 8/17/2022 |
1.67.0 | 8,180 | 8/5/2022 |
1.66.0 | 1,888 | 8/3/2022 |
1.65.0 | 19,726 | 7/9/2022 |
1.64.0 | 17,346 | 5/9/2022 |
1.63.0 | 670 | 5/9/2022 |
1.62.0 | 24,690 | 4/19/2022 |
1.61.0 | 24,852 | 3/12/2022 |
1.60.0 | 1,210 | 3/5/2022 |
1.59.0 | 12,029 | 2/24/2022 |
1.58.1 | 6,817 | 2/10/2022 |
1.58.0 | 1,175 | 2/3/2022 |
1.57.0 | 25,015 | 11/29/2021 |
1.56.0 | 3,594 | 11/8/2021 |
1.55.0 | 9,364 | 11/5/2021 |
1.54.0 | 3,304 | 10/24/2021 |
1.53.0 | 3,573 | 10/2/2021 |
1.52.0 | 9,420 | 9/10/2021 |
1.51.0 | 8,794 | 8/17/2021 |
1.50.0 | 2,649 | 8/8/2021 |
1.49.0 | 19,972 | 7/7/2021 |
1.48.0 | 450 | 7/7/2021 |
1.47.0 | 17,690 | 6/13/2021 |
1.46.0 | 1,896 | 6/8/2021 |
1.45.0 | 10,075 | 5/13/2021 |
1.44.0 | 1,624 | 5/3/2021 |
1.43.0 | 5,910 | 4/16/2021 |
1.42.0 | 1,484 | 4/10/2021 |
1.41.0 | 777 | 4/8/2021 |
1.40.1 | 4,599 | 3/30/2021 |
1.40.0 | 2,113 | 3/24/2021 |
1.39.0 | 443 | 3/24/2021 |
1.38.0 | 1,225 | 3/17/2021 |
1.37.0 | 4,799 | 3/8/2021 |
1.36.0 | 522 | 3/6/2021 |
1.35.0 | 1,125 | 2/28/2021 |
1.34.0 | 1,594 | 2/21/2021 |
1.33.1 | 15,642 | 2/21/2021 |
1.33.0 | 3,340 | 2/4/2021 |
1.32.0 | 16,501 | 12/27/2020 |
1.31.1 | 1,162 | 12/22/2020 |
1.31.0 | 691 | 12/22/2020 |
1.30.0 | 446 | 12/22/2020 |
1.29.0 | 1,935 | 12/15/2020 |
1.28.0 | 21,726 | 12/15/2020 |
1.27.0 | 604 | 12/13/2020 |
1.25.0 | 669 | 12/12/2020 |
1.24.0 | 1,083 | 12/10/2020 |
1.23.0 | 446 | 12/10/2020 |
1.22.1 | 499 | 12/10/2020 |
1.22.0 | 5,449 | 12/2/2020 |
1.21.0 | 631 | 12/2/2020 |
1.20.0 | 992 | 11/27/2020 |
1.19.0 | 465 | 11/26/2020 |
1.18.0 | 1,058 | 11/26/2020 |
1.17.0 | 11,146 | 11/15/2020 |
1.16.2 | 2,961 | 11/1/2020 |
1.16.1 | 585 | 10/30/2020 |
1.16.0 | 5,987 | 10/23/2020 |
1.15.0 | 897 | 10/23/2020 |
1.14.1 | 4,485 | 10/19/2020 |
1.14.0 | 4,506 | 9/19/2020 |
1.13.2 | 1,506 | 9/16/2020 |
1.13.1 | 12,791 | 9/1/2020 |
1.13.0 | 4,366 | 8/16/2020 |
1.12.1 | 1,247 | 8/10/2020 |
1.12.0 | 1,010 | 8/9/2020 |
1.11.0 | 2,099 | 8/8/2020 |
1.10.1 | 1,277 | 7/30/2020 |
1.10.0 | 562 | 7/29/2020 |
1.9.0 | 540 | 7/29/2020 |
1.8.0 | 591 | 7/29/2020 |
1.7.0 | 2,401 | 7/16/2020 |
1.6.0 | 8,263 | 7/3/2020 |
1.5.0 | 11,756 | 6/24/2020 |
1.4.0 | 592 | 6/24/2020 |
1.3.0 | 16,816 | 6/7/2020 |
1.2.0 | 3,908 | 6/4/2020 |
1.1.1 | 10,269 | 5/24/2020 |
1.1.0 | 4,753 | 5/21/2020 |
1.0.0 | 3,048 | 5/16/2020 |
0.86.0 | 4,128 | 5/9/2020 |
0.85.0 | 1,856 | 5/7/2020 |
0.84.0 | 693 | 5/4/2020 |
0.83.0 | 2,994 | 5/4/2020 |
0.82.0 | 619 | 5/3/2020 |
0.81.0 | 1,001 | 4/30/2020 |
0.80.0 | 643 | 4/28/2020 |
0.79.0 | 530 | 4/28/2020 |
0.78.0 | 1,366 | 4/27/2020 |
0.77.0 | 537 | 4/26/2020 |
0.76.0 | 1,315 | 4/26/2020 |
0.75.0 | 3,199 | 4/22/2020 |
0.74.2 | 5,677 | 4/20/2020 |
0.74.1 | 4,106 | 4/12/2020 |
0.74.0 | 5,956 | 3/29/2020 |
0.73.0 | 1,555 | 3/26/2020 |
0.72.0 | 5,594 | 3/22/2020 |
0.71.0 | 1,433 | 3/20/2020 |
0.70.0 | 2,317 | 3/17/2020 |
0.69.0 | 1,634 | 3/12/2020 |
0.68.10 | 5,883 | 12/10/2019 |
0.68.9 | 3,793 | 12/5/2019 |
0.68.8 | 1,368 | 12/5/2019 |
0.68.7 | 2,166 | 12/4/2019 |
0.68.6 | 1,389 | 12/1/2019 |
0.68.5 | 1,356 | 11/29/2019 |
0.68.3 | 3,713 | 11/27/2019 |
0.68.2 | 6,728 | 11/18/2019 |
0.68.1 | 1,301 | 11/18/2019 |
0.68.0 | 3,738 | 11/14/2019 |
0.67.2 | 2,109 | 11/13/2019 |
0.67.1 | 1,436 | 11/4/2019 |
0.67.0 | 1,635 | 11/4/2019 |
0.66.5 | 1,323 | 11/3/2019 |
0.66.4 | 1,113 | 11/3/2019 |
0.66.3 | 1,289 | 11/1/2019 |
0.66.2 | 1,186 | 11/1/2019 |
0.66.1 | 2,192 | 10/31/2019 |
0.66.0 | 1,447 | 10/30/2019 |
0.65.5 | 1,216 | 10/29/2019 |
0.65.4 | 1,259 | 10/28/2019 |
0.65.3 | 1,232 | 10/28/2019 |
0.65.2 | 1,065 | 10/27/2019 |
0.65.1 | 978 | 10/27/2019 |
0.65.0 | 1,315 | 10/27/2019 |
0.64.0 | 1,012 | 10/27/2019 |
0.63.0 | 1,376 | 10/22/2019 |
0.62.0 | 925 | 10/21/2019 |
0.61.0 | 850 | 10/21/2019 |
0.60.0 | 577 | 10/20/2019 |
0.59.0 | 1,047 | 10/20/2019 |
0.58.0 | 2,145 | 10/14/2019 |
0.57.2 | 1,071 | 10/12/2019 |
0.57.1 | 904 | 10/10/2019 |
0.57.0 | 1,463 | 10/8/2019 |
0.56.0 | 1,237 | 10/6/2019 |
0.55.0 | 584 | 10/6/2019 |
0.54.0 | 786 | 10/6/2019 |
0.53.0 | 1,002 | 10/5/2019 |
0.52.0 | 843 | 9/14/2019 |
0.51.0 | 591 | 9/14/2019 |
0.50.0 | 594 | 9/10/2019 |
0.49.0 | 626 | 9/9/2019 |
0.48.0 | 612 | 9/9/2019 |
0.47.0 | 890 | 8/31/2019 |
0.46.0 | 1,015 | 8/28/2019 |
0.45.0 | 599 | 8/28/2019 |
0.44.0 | 577 | 8/27/2019 |
0.42.0 | 621 | 8/26/2019 |
0.41.0 | 641 | 8/19/2019 |
0.40.0 | 1,118 | 8/13/2019 |
0.39.0 | 629 | 8/13/2019 |
0.38.0 | 653 | 8/5/2019 |
0.37.0 | 633 | 8/5/2019 |
0.36.0 | 642 | 7/31/2019 |
0.35.0 | 682 | 7/29/2019 |
0.34.0 | 641 | 7/28/2019 |
0.33.0 | 615 | 7/28/2019 |
0.32.0 | 654 | 7/28/2019 |
0.31.0 | 622 | 7/28/2019 |
0.30.0 | 644 | 7/27/2019 |
0.29.0 | 597 | 7/26/2019 |
0.28.0 | 611 | 7/26/2019 |
0.27.0 | 622 | 7/26/2019 |
0.26.0 | 598 | 7/26/2019 |
0.25.0 | 627 | 7/26/2019 |
0.24.0 | 594 | 7/25/2019 |
0.23.0 | 624 | 7/25/2019 |
0.22.0 | 611 | 7/25/2019 |
0.20.0 | 593 | 7/25/2019 |
0.19.0 | 595 | 7/25/2019 |
0.18.0 | 604 | 7/24/2019 |
0.17.0 | 603 | 7/24/2019 |
0.16.0 | 638 | 7/23/2019 |
0.15.0 | 604 | 7/22/2019 |
0.14.0 | 611 | 7/22/2019 |
0.13.0 | 609 | 7/22/2019 |
0.12.0 | 627 | 7/22/2019 |
0.11.0 | 579 | 7/22/2019 |
0.10.1 | 599 | 7/22/2019 |
0.10.0 | 640 | 7/22/2019 |
0.9.0 | 605 | 7/22/2019 |
0.8.0 | 611 | 7/22/2019 |
0.7.0 | 609 | 7/22/2019 |
0.6.0 | 642 | 7/22/2019 |
0.5.0 | 607 | 7/21/2019 |
0.4.0 | 578 | 7/21/2019 |
0.3.0 | 571 | 7/21/2019 |
0.2.0 | 613 | 7/21/2019 |
0.1.0 | 660 | 7/21/2019 |
Fix useRef internal function call