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                
#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                

Feliz Nuget Build status

对 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 已计算。
兼容目标框架
包含的目标框架(在包中)
有关目标框架.NET Standard的更多信息。

NuGet 包 (1)

显示依赖 Feliz.SvelteComponent 的前 1 个 NuGet 包

下载
Feliz.Svelte

包描述

GitHub 仓库

该包未被任何知名的 GitHub 仓库使用。

版本 下载 最后更新
0.7.0 434 12/25/2022
0.6.0 491 4/21/2021
0.5.0 408 2/21/2021
0.4.0 639 12/15/2020

更新为使用 Feliz v1.68 的最新编译插件