dotnet add package Feliz.CompilerPlugins --version 2.2.0
NuGet\Install-Package Feliz.CompilerPlugins -Version 2.2.0
<PackageReference Include="Feliz.CompilerPlugins" Version="2.2.0" />
paket add Feliz.CompilerPlugins --version 2.2.0
#r "nuget: Feliz.CompilerPlugins, 2.2.0"
// Install Feliz.CompilerPlugins as a Cake Addin #addin nuget:?package=Feliz.CompilerPlugins&version=2.2.0 // Install Feliz.CompilerPlugins as a Cake Tool #tool nuget:?package=Feliz.CompilerPlugins&version=2.2.0
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())
- Consistent, lightweight formatting: no more awkward indentation using two lists for every element.
- Discoverable attributes with no more functions,
Htmlattributes 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 objbut instead utilizing a plethora of overloaded functions to account for the overloaded nature of
CSSattributes, covering 90%+ of the CSS styles, values and properties.
- Included color list of most commonly used
Htmlcolors in the
- Compatible with the current React DSL used in applications.
- Compatible with Femto.
dotnet new -i Feliz.Template dotnet new feliz -n MyProject cd MyProject npm install npm start
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.|
|.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.|
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Feliz.CompilerPlugins:
A fresh retake of the React API in Fable, optimized for happiness
This package is not used by any popular GitHub repositories.
Remove redundant declaration of imported React component