Considerações de aplicativo entre estruturas

Você pode estar migrando para o WinUI 3 a partir do React Native Windows, do Electron, do Flutter ou do .NET MAUI. Esta página aborda o que esperar ao direcionar o WinUI 3 especificamente e como configurar seu agente de IA para obter sucesso.

A decisão principal: deseja manter um shell multiplataforma ou criar um aplicativo Windows primeiro? Dê ao agente de IA um limite claro – qual lógica de negócios permanece compartilhada e qual interface do usuário deve ser reescrita como WinUI 3 nativa.

React Native para Windows

O React Native para Windows usa uma camada de renderização WinUI sob o capô. Você pode integrar controles de Windows nativos por meio de <WindowsXamlView> ou NativeModules.

Para uma experiência de Windows totalmente nativa, a portabilidade diretamente para o WinUI 3 oferece melhor desempenho e acesso completo à API Windows. Mantenha a lógica e os serviços de negócios, mas reescreva os componentes da interface do usuário como XAML e C#.

Prompt inicial:

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

Elétron

Aplicativos Electron são tecnologias web envolvidas em um invólucro; WinUI 3 é nativo do Win32. Um caminho incremental prático é hospedar a interface do usuário da Web existente em uma janela do WinUI 3 usando o WebView2 e migrar recursos para controles 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

.NET MAUI já tem como destino Windows via WinUI 3. Se você quiser uma experiência somente Windows com acesso completo aos recursos do WinUI 3, remova o MAUI e direcione o WinUI 3 diretamente.

  • ViewModels e serviços são transferidos facilmente
  • O MAUI XAML (Microsoft.Maui.Controls.*) precisa ser reescrito para o WinUI 3 XAML (Microsoft.UI.Xaml.*)
  • Mantenha as bibliotecas de classes .NET compartilhadas como estão

Prompt 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.

Tremulação

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

Prompt inicial:

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.

Compartilhando código entre plataformas

  • Manter a lógica de negócios em uma biblioteca de classes .NET separada – ela é independente da plataforma
  • Compartilhe essa biblioteca entre WinUI 3, MAUI, Blazor ou qualquer outro destino .NET
  • Reutilizar modelos, serviços e ViewModels antes de reescrever a interface do usuário
  • Usar #if WINDOWS a compilação condicional apenas como último recurso

Conteúdo relacionado

  • Last updated on