Feliz.Svelte 0.7.0

dotnet add package Feliz.Svelte --version 0.7.0                
NuGet\Install-Package Feliz.Svelte -Version 0.7.0                
此命令旨在在 Visual Studio 的包管理器控制台中使用,因为它使用 NuGet 模块中的 Install-Package 版本。
<PackageReference Include="Feliz.Svelte" Version="0.7.0" />                
对于支持 PackageReference 的项目,请将此 XML 节点复制到项目文件中,以引用此代码包。
paket add Feliz.Svelte --version 0.7.0                
#r "nuget: Feliz.Svelte, 0.7.0"                
#r 指令可用于 F# Interactive 和多语言笔记本。请将此内容复制到交互式工具或脚本的源代码中,以引用此代码包。
// Install Feliz.Svelte as a Cake Addin
#addin nuget:?package=Feliz.Svelte&version=0.7.0

// Install Feliz.Svelte as a Cake Tool
#tool nuget:?package=Feliz.Svelte&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旨在支持构建组件的 React API,使用 hooks、context 以及更多。
  • 完全 类型安全:不再有 Margin of obj,而是利用大量的重载函数来处理 CSS 属性的重载属性,涵盖 90%+ 的 CSS 样式、值和属性。
  • colors 模块中包含最常见的 Html 颜色列表。
  • 兼容性:与当前应用程序中使用的当前 React DSL 兼容。
  • 兼容 Femto
  • 在生成的javascript中,除非实际使用该函数外,否则近似为零的捆绑包大小增加。

文档

https://zaid-ajaj.github.io/Feliz上,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 包

此包未被任何 NuGet 包使用。

GitHub 仓库

此包未被任何流行的 GitHub 仓库使用。

版本 下载 最后更新
0.7.0 282 12/25/2022
0.6.0 353 4/21/2021
0.5.0 298 2/21/2021
0.4.1 302 2/21/2021
0.4.0 395 12/15/2020
0.3.0 361 12/15/2020
0.2.0 362 12/15/2020
0.1.0 377 12/15/2020

更新 Feliz.SvelteComponent