Feliz.SvelteComponent 0.7.0
dotnet add package Feliz.SvelteComponent --version 0.7.0
NuGet\Install-Package Feliz.SvelteComponent -Version 0.7.0
此命令旨在在 Visual Studio 的包管理器控制台中使用,因为它使用 NuGet 模块的版本 Install-Package.
<PackageReference Include="Feliz.SvelteComponent" Version="0.7.0" />
对于支持 PackageReference 的项目,将此 XML 节点复制到项目文件中以引用该包。
paket add Feliz.SvelteComponent --version 0.7.0
NuGet 团队不提供对该客户端的支持。请联系其 管理员 获取支持。
#r "nuget: Feliz.SvelteComponent, 0.7.0"
#r 指令可以在 F# Interactive 和 Polyglot Notebooks 中使用。将此内容复制到交互工具或脚本的源代码中以引用包。
// Install Feliz.SvelteComponent as a Cake Addin #addin nuget:?package=Feliz.SvelteComponent&version=0.7.0 // Install Feliz.SvelteComponent as a Cake Tool #tool nuget:?package=Feliz.SvelteComponent&version=0.7.0
NuGet 团队不提供对该客户端的支持。请联系其 管理员 获取支持。
Feliz

对 Fable 中 React API 的全新重写,以快乐性为优化目标。
以下是它的样子
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")
功能
- 一致的、轻量级的 格式化:不再需要使用两列表对每个元素进行尴尬的缩进。
- 可发现的 属性:无需更多函数、
Html
属性或全局可用的 CSS 属性,因此它们很容易找到。 - 完善的 文档:每个属性和 CSS 属性
- 完整的 React API 支持:Feliz 旨在支持使用 hooks、context 和更多功能构建组件的 React API。
- 完全 类型安全:不再有
Margin of obj
,而是利用大量重载函数来处理 CSS 属性的重载特性,涵盖了 90%+ 的 CSS 样式、值和属性。 - 包含常用
Html
颜色的 颜色列表 在colors
模块中。 - 兼容 当前应用程序中使用的当前 React DSL。
- 兼容 Femto。
- 除非您实际使用了该函数,否则生成的JavaScript中不会删除任何函数体,因此大概没有增加包大小。
文档
Feliz拥有详细的文档,可以在https://zaid-ajaj.github.io/Feliz找到,包括代码示例和实时示例,请查看并如有任何问题,请告诉我们!
产品 | 版本 兼容的以及额外的计算目标框架版本。 |
---|---|
.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 已计算。 net8.0 已计算。 net8.0-android 已计算。 net8.0-browser 已计算。 net8.0-ios 已计算。 net8.0-maccatalyst 已计算。 net8.0-macos 已计算。 net8.0-tvos 已计算。 net8.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
- Feliz (≥ 1.68.0)
- FSharp.Core (≥ 4.7.2)
NuGet 包 (1)
显示依赖 Feliz.SvelteComponent 的前 1 个 NuGet 包
包 | 下载 |
---|---|
Feliz.Svelte
包描述 |
GitHub 仓库
该包未被任何知名的 GitHub 仓库使用。
更新为使用 Feliz v1.68 的最新编译插件