开源式框架Xamarin与React Native大比拼

有统计表明：目前，全球共有52.2亿人正在使用着移动设备，其中有46.6亿人会用设备来访问各种移动应用。显然，创建新的应用程序，已经成为了企业在激烈竞争中的标配。

目前，可用于应用开发，特别是移动应用开发的技术与框架，可谓林林总总。其中最常见的当属Xamarin和React Native。它们都支持跨平台式开发，也都能够提供“一次性编写，各处部署(Write once and Deploy anywhere.)”的功能。不过，鉴于它们在市场份额、代码编译、SDK环境等方面的差异性，本文将通过对两者进行比较，以方便您理解其基本原理，并在实际项目中做出明智的选择。

什么是React Native?

React Native是基于JavaScript和JSX的开源式框架，由Facebook于2015年创建并启用。其目的是为iOS和Android构建原生的应用程序。

其中，JSX代表了XML-Esque标记的合并，而且能够在React Native框架中被使用。React可以将应用程序运行、并渲染到目标设备的原生平台上。据此，各种应用程序将具有，与使用原生应用开发框架(如Java for Android或Objective-C for iOS)所构建出的应用，同等的性能。同时，React Native移动应用开发还允许开发者创建特定于某个平台的组件版本。由于具有单独代码库，因此这些组件可以在不同平台上被共享使用。

有统计显示：截至2020年，全球有42%的开发人员正在使用React Native来构建，能够在99%的移动设备上运行的应用程序。Facebook、Walmart、Bloomberg和instagram等明星企业都正在使用React Native，来开发其移动应用。

React Native的优势

• 可扩展的社区支持：全球开发爱好者们在React Native社区中分享了大量的知识，并提供着热情的支持。该社区中的每个人也都可以免费访问，那些可用于移动程序开发的大量免费组件。
• 实时热重载：React的实时重载功能，可以让框架实时地编译和读取开发人员做出的更改。也就是说，它会在并不实际重载的情况下，验证各项变更，并刷新整个应用程序。而热重载则体现在为模拟器提供新的文件时，从一开始就能读取整个文件，以更新各项变更。在此，它只会更新已更改的组件。
• 代码可重用性：React Native是减少代码量的首选。它可以让开发人员重用90%的代码，以构建iOS和Android应用程序。此外，由于代码只需少量修改，便可实现重用，因此React Native也节省了大量的开发时间。
• 第三方插件支持：由于React Native不可能在同一个框架中包含所有的组件，所以开发人员在使用该JavaScript驱动型框架时，可以利用地图、双因素身份验证等第三方功能，来渲染或增强React Native应用。
• 提供最佳性能：应用程序的性能，以及提供更佳客户体验的能力，直接取决于构建应用的框架。由于开发人员可以利用React Native的原生模块和组件，来构建应用，因此他们可以创建互不干扰的原生API和程序代码。也就是说，他们能够以较低的代码量和较快的开发周期，来创建以性能为中心的应用程序。

什么是Xamarin?

由Microsoft创建的Xamarin，目前在开发社区中的占有率仅为14%，2019年曾为26%。虽然与React Native相似，但是Xamarin更适合.Net的开源平台。

Xamarin的主要功能是：维持共享代码和平台代码之间的通信。Xamarin通过使用独立于平台的工具和代码库，来扩展.Net开发者平台的各项功能。同时，Xamarin可以使用底层平台所提供的全部功能。也就是说，当应用程序运行在Android上时，它会利用特定于平台的各项功能，来提供预期的用户体验。该特性同样适用于运行在iOS设备上的应用程序。此外，Xamarin还能够用到基础平台的硬件加速功能。

Xamarin的优势

• 一种技术栈：作为具有内置多项技术的生态系统，Xamarin能够让开发人员一次性构建多平台的应用程序。例如：使用在.Net框架上运行的C#语言，开发人员可以实现96%的代码重用。当然，他们也可以用到.Net和Visual Studio。
• 共享代码：Xamarin旨在通过通用的代码库，方便用户开发出可以运行在不同平台上的应用。同时，应用之间可以共享相同的业务逻辑、数据库访问、以及网络通信。而开发人员唯一需要更改的只是用户界面，以保证应用在每个平台上，都具有原生的观感。
• 原生性能：与其他跨平台的开发工具相比，Xamarin能够提供高度原生、且无与伦比的应用性能。在图像加载速度方面，Xamarin只比原生应用慢14%。
• Xamarin Forms可提供流畅的用户体验：Xamarin.Forms具有100%的可重用代码API组件和元素库。开发人员可以使用内置的Xamarin.iOS，来自定义各种元素。当然，它在Android平台上也同样适用。
• 代码库数量的增加：过去Xamarin没有广泛的代码库，可供开发人员使用。如今，Microsoft开发团队正在持续构建各种常见的用例和组件。例如：Xamarin能够提供双因素认证(2FA)之类，可以被直接插入使用的代码库。

开发人员该如何选择?

通过上述介绍，我们不能发现，虽然两者有着相似的功能，但是React Native比Xamarin具有更大的开发人员基础。下面，我们从各项原始特性出发，帮您梳理出它们各自不同的适用场景。

编译

它们的跨平台开发功能--Just-in-time(JIT)，能够使开发人员在运行时(runtime)中，编译字节码或源代码。不过，在Android允许JIT之处，iOS不允许JIT限制任何形式的跨平台应用开发框架。

• React Native：由于JIT在iOS上是不允许的，因此源代码中的任何更改，都会要求开发人员退回到Android代码处进行更改。它们只有在完成之后，方可作为iOS应用被运行。
• Xamarin：为了绕过此问题，Xamarin针对代码的编译，计算了提前时间(Ahead-of-time，AOT)。AOT编译器的任务是，分析字节码，并用机器语言对其进行编译，然后对所选择的路径执行相同的操作。这样虽然可以减少启动时间，提高应用程序的性能，但是也增加了文件的大小。同时，由于Xamarin在默认情况下已启用了JIT，因此您可以先配置AOT，再使用它。

性能

无论是原生的，还是由Xamarin开发的移动应用，都需要通过出色的性能，给用户留下良好的印象，并与之进行流畅的互动。

• React Native：React Native中的Native Thread、JavaScript Thread、以及连接它们的中介网桥(mediator bridge)，都能起到性能提升的作用。其中Native Thread通过网桥向JavaScript Thread发送信号。不过，由于JavaScript Thread可以处理的消息数量有限，因此在消息数增多时，应用程序的UI会出现滞后。我们可以通过使用为此目的构建的特定第三方库(例如Proguard)，以更快的速度优化字节码。
• Xamarin：虽然Xamarin.Forms的性能指标不及原生框架，但是作为弥补，Xamarin能够以较低的成本和更少的时间，来完成诸如处理API请求、序列化、反序列化、图像保存、以及加载等简单的开发任务。此外，由于Xamarin.Forms包含了Xamarin.Android和Xamarin.iOS，因此它们都能够让开发者自定义共享代码库，进而为用户提供原生的观感和体验。可以说，在某些操作中，Xamarin.Android甚至能够表现出比原生框架更好的性能。总的说来，Xamarin不但能够提高性能，还能够匹配原生框架的各项指标。

应用架构

应用架构是指那些能够构建出合理的编程模式与结构的开发框架。可以说，更强大、更快捷、更稳定的基础架构，往往可以让开发人员以最小的代价，来解决各类复杂的开发问题。

• React Native：React Native体系架构由React、JavaScript(JSC)、Bridge和Native Side四个关键组件组成。那些习惯了使用单向数据流，和最新版JavaScript的开发人员，可以轻松地使用它。对于iOS React Native移动应用的开发而言，JavaScript Core为运行时(runtime)分离了所有的代码;而对于Android来说，则需要将它们捆绑到应用程序的内部。虽然将代码捆绑在一起，的确可以带来更好的原生性能，但是此举的代价是性能问题，随着应用本身体积的增大，滞后很可能会逐渐产生。
• Xamarin：Xamarin支持不同的架构模式，其中包括：MVVM(模型、视图、视图和模型)，MVC(模型、视图和控制器)、业务外观、单例(Singleton)、异步等。Xamarin对于那些习惯了使用ASP.NET、MVC、Web Forms、以及其他相关模型与视图工具的开发人员而言，非常容易上手。同时，Xamarin MVP非常适合那些由该框架构建的原生应用。当然，为了充分利用Xamarin，开发人员也可以采用MVVM模式。

可见，这两种框架在应用体系架构方面，表现得同样出色。

社区支持与协助

社区支持对于初学者与资深开发人员之间的问答、共享、以及相互学习，都是至关重要的。

• React Native：虽说React Native是一个较新的框架，但是Facebook为其打造了庞大且可扩展的社区支持。目前，该社区拥有2200多个专业的开发人员和19800个实时项目。同时，它拥有专用的Discord频道和论坛，可帮助开发人员每天了解到该框架的最新信息。
• Xamarin：Xamarin在开发社区方面根基较深。它在120个国家/地区拥有约140万名开发人员。与React Native类似，它也是一个开源的网络，因此各类贡献者可以通过协同努力，来彼此学习和成长。不过，与React Native的开放式社区不同，Xamarin提供了Xamarin Blog和Xamarin Q&A两种官方渠道。当然，其他类型的社区支持还有：Stack Overflow和Reddit。

用户体验

使最终用户满意，通常是开发人员的终极目标。因此，对于移动端应用来说，用户的体验往往决定了软件产品的成败。

• React Native：在响应Android和iOS不断变化的原生元素需求方面，React Native的反应较慢。React Native主要提供的是包括React Virgin和Shoutem在内的，现成的UI工具包，可帮助开发人员创建各种原生的UI组件。其中，诸如：分页、快速轮播、活动标记等内在元素，可以协助开发人员改善横跨不同平台的用户体验。
• Xamarin：Xamarin允许用户分别为Android和iOS自定义应用元素和组件。同时，它允许开发者使用原生的API和SDK，来进一步增强用户体验。此外，它通过利用原生的UI和硬件加速，来极大地“催化”Xamarin移动应用的开发。

因此，对于希望提供更好的用户体验的开发者而言，Xamarin可能更为可取。

小结

综上所述，Xamarin在许多方面都超过了React Native。不过有趣的是，React Native的使用率仍远高于Xamarin。其根本原因在于：开发人员的编程语言掌握能力上。根据 2018年的统计数据(，世界上有1,070万名JavaScript开发人员，和620万名C#开发人员。

客观地说，到底选择哪种框架，实际上完全取决于，您是要通过简单的UI来构建应用程序，还是要构建具有类似原生的UI，并可以利用平台硬件来增强性能的软件产品。如果您的目标是前者，那么请选择Xamarin;如果是后者，则请考虑React Native。