Considerações sobre aplicações entre frameworks

Pode estar a chegar ao WinUI 3 a partir do React Native Windows, Electron, Flutter ou .NET MAUI. Esta página explica o que esperar ao direcionar especificamente o WinUI 3 e como configurar o seu agente de IA para o sucesso.

A decisão principal: quer manter um shell multiplataforma ou construir uma aplicação Windows-first? Dê ao seu agente de IA um limite claro — que lógica de negócio permanece partilhada e qual interface deve ser reescrita como WinUI 3 nativo.

React Native para Windows

O React Native para Windows usa uma camada de renderização WinUI por baixo. Podes integrar controlos nativos Windows através de <WindowsXamlView> ou NativeModules.

Para uma experiência totalmente nativa do Windows, portar diretamente para o WinUI 3 oferece melhor desempenho e acesso total à API do Windows. Mantém a lógica de negócio e os serviços, mas reescreve os componentes da interface como XAML e C#.

Prompt de arranque:

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

Elétron

As aplicações Electron são tecnologia web envolta numa casca; O WinUI 3 é nativo do Win32. Um caminho incremental prático é alojar a sua interface web existente numa janela do WinUI 3 usando o WebView2, e depois migrar funcionalidades para controlos nativos ao longo do tempo.

Prompt 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

O .NET MAUI já suporta o Windows por meio do WinUI 3. Se quiser uma experiência exclusiva para Windows com acesso total às capacidades do WinUI 3, remova o MAUI e aponte diretamente ao WinUI 3.

  • ViewModels e serviços podem ser transferidos sem problemas
  • MAUI XAML (Microsoft.Maui.Controls.*) precisa de ser reescrita para WinUI 3 XAML (Microsoft.UI.Xaml.*)
  • Mantenha as bibliotecas de classes .NET partilhadas tal como estão.

Prompt de arranque:

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

O Flutter para Windows usa o seu próprio motor de renderização, não o WinUI 3. Os canais da plataforma permitem que o Flutter chame APIs nativas de Win32 ou WinRT, mas uma porta completa substitui a renderização do Flutter por XAML nativo.

Prompt de arranque:

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.

Partilha de código entre plataformas

  • Mantém a lógica de negócio numa biblioteca de classes .NET separada — é independente da plataforma
  • Partilhe essa biblioteca entre o WinUI 3, MAUI, Blazor ou qualquer outro alvo .NET
  • Reutilizar modelos, serviços e ViewModels antes de reescrever a interface de utilizador
  • Utilize a compilação condicional #if WINDOWS apenas como último recurso

Conteúdo relacionado

  • Last updated on