Feliz.UseMediaQuery 1.5.0
dotnet add package Feliz.UseMediaQuery --version 1.5.0
NuGet\Install-Package Feliz.UseMediaQuery -Version 1.5.0
此命令旨在在 Visual Studio 的包管理器控制台中使用,因为它使用 NuGet 模块的 Install-Package 版本。
<PackageReference Include="Feliz.UseMediaQuery" Version="1.5.0" />
对于支持 PackageReference 的项目,请将此 XML 节点复制到项目文件中,以引用此包。
paket add Feliz.UseMediaQuery --version 1.5.0
NuGet 团队不提供对此客户端的支持。请联系其 维护者 以获得支持。
#r "nuget: Feliz.UseMediaQuery, 1.5.0"
#r 指令可以在 F# Interactive 和 Polyglot Notebooks 中使用。请将此复制到交互工具或脚本的源代码中,以引用此包。
// Install Feliz.UseMediaQuery as a Cake Addin #addin nuget:?package=Feliz.UseMediaQuery&version=1.5.0 // Install Feliz.UseMediaQuery as a Cake Tool #tool nuget:?package=Feliz.UseMediaQuery&version=1.5.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
- Fable.Browser.MediaQueryList (≥ 1.1.0)
- Feliz (≥ 1.68.0)
- FSharp.Core (≥ 4.7.2)
NuGet 包
此包未被任何 NuGet 包使用。
GitHub 仓库
此包未被任何流行的 GitHub 仓库使用。
依赖 Feliz v1.68