SuperAPI AI 工具集

reactor-getting-started

前端与建站

查看项目

更新于 10-16 00:31

技能介绍

用途:帮助熟悉 React 的开发者快速上手微软 UI Reactor(C#)。Reactor 概念与 React 一致,只是换成 C# 写法:组件渲染元素树、Hook 管理状态与副作用、列表需要 key、状态提升方式相同。

主要能力:提供 React 与 Reactor 的对照表,如 function App 对应 class App : Component 与 override Element Render(),useState 对应 var (count, setCount) = UseState(0),useEffect 对应 UseEffect(fn, dep),useMemo/useCallback/useRef/useContext 均有对应写法;布局上 FlexColumn/FlexRow 对应 CSS flexbox,VStack/HStack 对应 shrink-wrap,TextBlock、Button、TextBox、ComboBox、CheckBox 等对应常见 HTML 元素。

使用方式:用 dotnet new reactor -n <Name> 生成标准结构,编辑 App.cs(入口与初始组件),模板还有 reactor-mvu、reactor-navview、reactor-tabview。需要多文件、分析器或项目引用时使用 .csproj,UseWinUI 必须为 true,不使用任何 XAML。完成后在项目目录运行 mur check 验证,mur check --final 做最终检查。

适用场景:构建 WinUI 应用、从 React 迁移思维、使用 Hook 管理状态与副作用、组合布局与控件。

限制:UseState 对 List<T> 等引用类型调用 .Add() 不会触发重渲染,列表应改用 UseReducer;Hook 调用顺序必须恒定,不能放在 if/for 或嵌套 lambda 中;依赖项中新建对象或 lambda 会导致每次重渲染都执行,元组依赖会被 REACTOR_HOOKS_004 拒绝;脚手架应用为打包模式,dotnet run 需要开发者模式和具体架构。其余细节暂未提供。