Consideraciones sobre aplicaciones entre marcos

Es posible que llegues a WinUI 3 desde React Native Windows, Electron, Flutter o .NET MAUI. Esta página trata qué cabe esperar al dirigirse específicamente a WinUI 3 y cómo configurar el agente de IA para que tenga éxito.

La decisión clave: ¿quiere mantener un entorno multiplataforma o desarrollar una aplicación centrada primero en Windows? Dé a su agente de IA un límite claro: qué lógica de negocio sigue siendo compartida y qué interfaz de usuario debe reescribirse como nativa en WinUI 3.

React Native para Windows

React Native para Windows usa una capa de representación de WinUI bajo el capó. Puede integrar controles de Windows nativos a través de <WindowsXamlView> o NativeModules.

Para obtener una experiencia de Windows totalmente nativa, la portabilidad directa a WinUI 3 proporciona un mejor rendimiento y acceso completo a la API de Windows. Mantenga la lógica de negocios y los servicios, pero vuelva a escribir componentes de interfaz de usuario como XAML y C#.

Símbolo del sistema de inicio:

I have a React Native for Windows component. Rewrite it as a WinUI 3 UserControl using C# and XAML.

Electrón

Las aplicaciones de Electron son tecnología web envuelta en una capa contenedora; WinUI 3 es nativo de Win32. Una ruta incremental práctica consiste en hospedar la interfaz de usuario web existente en una ventana de WinUI 3 mediante WebView2 y, a continuación, migrar características a controles nativos a lo largo del tiempo.

Indicación inicial:

I have an Electron app. Create a WinUI 3 shell that hosts a WebView2, and show me how to call native Windows APIs from the web layer using window.chrome.webview.postMessage.

.NET MAUI

.NET MAUI ya tiene como destino Windows a través de WinUI 3. Si quieres una experiencia exclusiva de Windows con acceso completo a las capacidades de WinUI 3, elimina MAUI y orienta la aplicación directamente a WinUI 3.

  • ViewModels y servicios se trasladan fácilmente
  • MAUI XAML (Microsoft.Maui.Controls.*) debe reescribirse como XAML de WinUI 3 (Microsoft.UI.Xaml.*)
  • Mantener las bibliotecas de clases compartidas de .NET tal como están

Indicador inicial:

I have a .NET MAUI ViewModel and service layer. Reuse them in a WinUI 3 project targeting Windows only. Keep the ViewModel unchanged and update only the View.

Flutter

Flutter para Windows usa su propio motor de representación, no WinUI 3. Los canales de plataforma permiten que Flutter llame a las API nativas de Win32 o WinRT, pero un puerto completo reemplaza la representación de Flutter por XAML nativo.

Símbolo del sistema de inicio:

I have a Flutter screen with a list and a detail view. Rewrite it as a WinUI 3 page using NavigationView and a master/detail layout.

Uso compartido de código entre plataformas

  • Mantén la lógica empresarial en una biblioteca de clases de .NET aparte: es agnóstica respecto a la plataforma
  • Comparta esa biblioteca entre WinUI 3, MAUI, Blazor o cualquier otro destino de .NET
  • Reutilización de modelos, servicios y ViewModels antes de volver a escribir la interfaz de usuario
  • Uso #if WINDOWS de la compilación condicional solo como último recurso

Contenido relacionado

  • Last updated on