React Native不仅仅适用于移动设备！查看Windows 11设置应用程序如何利用React Native for Windows，以更快的速度向用户提供新功能，并与Windows 11具有同样出色的视觉逼真度。
在这篇博文中，我们将讨论Microsoft如何以及为什么在Windows 11设置中使用React Native for Windows来提供您的Microsoft帐户页面。
Windows 11 Insider Preview Build 22489首次推出了“您的Microsoft帐户设置”页面，这是一个重新设想的设置入口点，显示与您的Microsoft帐户相关的信息，包括您对Microsoft 365的订阅、订单历史记录、付款详细信息和Microsoft奖励的链接。
此页面引入了一种新机制，使Windows能够通过在线服务体验包不断改进您的Microsoft帐户页面；这些是在主要操作系统更新之外对Windows进行更新的一种方法。随着时间的推移，这个基础架构将使其他Windows 11体验能够利用在线服务体验包功能。
React Native for Windows是在线服务体验包在“设置”中提供Microsoft帐户页面的关键技术之一。让我们深入了解微软如何以及为什么使用React Native for Windows来帮助团队提高工作效率，并与Windows 11操作系统的外观无缝集成。
使您能够直接从Windows 11设置管理帐户信息是新的“您的Microsoft帐户”页面的关键目标之一。在Windows 11之前，管理这些设置的唯一选项是访问该帐户。微软com网站（“AMC”）。该团队希望在本机版本和web版本之间有一套一致的功能和用户体验，并考虑了几个选项来实现这一点，包括：
第一个选项需要不同的代码库，并且很难在两者之间保持一组一致的功能，尤其是当服务的迭代速度比Windows发布的节奏快时。此外，团队还需要web技术和本机WinUI技术方面的专业知识。
使用网络视图可以降低维护成本；然而，它也存在一些问题。控件的视觉外观与Windows 11设置应用程序的其余部分不匹配。其次，WebView UX的性能和可访问性往往不如本地同类产品好。最后，WebView内部运行的代码与平台之间的接口既繁琐又有限。
这就引出了第三个选项，即在设置应用程序中使用React Native for Windows。使用React Native for Windows，您可以使用JavaScript驱动应用程序逻辑，同时跨体验共享代码。
React Native for Windows允许团队快速迭代更改，而无需花费时间重建，从而使团队的工作效率更高。因为它使用WinUI呈现UI，所以它与操作系统的外观无缝集成，具有出色的性能、可访问性和丰富的功能集。
Your Microsoft Account页面的目标之一是在web和本机平台之间共享业务逻辑。React Native for Windows支持共享核心业务逻辑，同时还支持web和本机之间的视觉一致性，而无需重复代码。更重要的是，本机体验的视觉逼真度是“真正的本机”，因为页面本身是本机的，因此产生了漂亮的动画、可访问性和最新的Windows 11样式。
除了对用户体验的好处之外，我们的团队还体验到了一系列开发人员生产率方面的好处。使用React Native进行开发通过提供快速刷新等功能增加了我们的“开发内部循环”，这意味着可以立即看到JavaScript代码的更改，而无需重新构建应用程序。此外，通过Windows Update服务中的自定义钩子实现，我们可以安全、安全地更快地向最终用户交付JavaScript捆绑包，无论是新功能还是关键问题的修复。
“您的Microsoft帐户”页面利用React本机WinRT扩展直接从JavaScript访问底层本机WinRT平台。要了解如何利用React Native WinRT，请查看相关博客文章“从React Native调用Windows API变得更容易”。
如果您想在React Native应用程序中启用服务交付，请查看React Native的App Center CodePush，这是一个用于构建、测试、分发和监控React Native应用程序的解决方案。
React Native for Windows允许Windows团队更快地向用户提供新功能，并跨web/Native共享业务逻辑，同时利用本机平台的视觉逼真度、性能和可访问性。
无论您是否有React Native移动应用程序，或者是否有兴趣构建Windows first应用程序，您都可以使用React Native for Windows将应用程序带到Windows，其质量与内置Windows组件（如您的Microsoft帐户页）相同。
如果您有兴趣开始使用React Native for Windows，请访问我们的网站aka。ms/reactnative。
您还可以在Twitter@ReactNativeMSFT上关注我们，了解最新新闻、功能路线图等。