Cordova vs React Native: Head to Head
This article exposes the pros and cons of two top cross-platform mobile app frameworks. Pick your winner in our React Native vs Cordova comparison.
As you know if you’ve been following our blog, we've been exposing and exploring a number of different cross platform mobile-app development frameworks and tools.
Articles published thus far include a review of Apache Cordova, highlighting the pros and cons of the popular PhoneGap cross-platform hybrid framework. We've also looked at other cross-platform tools such as Xamarin and, more recently, React Native, Facebook's promising solution for developing native iOS and Android apps using a single, shared code-base.
React Native vs Cordova: Differences That Matter
React Native and Cordova take very different approaches to solving a similar problem: the high cost and long development time involved in building apps for a multi-platform mobility market. With the hourly cost to build an iOS app in North America standing at around $150, according to Codementor, few commercial organizations can ignore the productivity benefits of WORA (write once run anywhere) development frameworks.
But should your company find itself in a React Native vs Cordova procurement decision, what factors make one a better choice than the other? That's the question we're going to address—and hopefully provide some answers for—in this side-by-side review of two of the most popular cross-platform mobile app development solutions.
While we could, like many other sources, compare every element of the two solutions, there's probably more practical value in exposing the differences that really matter—in other words, those most likely to be reflected in the development cost of your company's mobile applications, along with their quality, capability, and performance. So let's get under way.
The All-important Look and Feel
App users tend to like the familiar look and feel of apps designed specifically for their chosen mobile platform, which makes the ability to provide a near-native experience one of those key factors in cross-platform development. It's also one of the key areas in which Cordova and React Native differ.
The Pro of React Native: The ability to create apps which look and behave like native software is one of the big pros of React Native (RN). It's achieved by RN's ability to provide access to native interaction and controls right out of the box.
The Con of Cordova: Developers using Apache Cordova must work hard if they are to create apps that feel like ‘the real native McCoy’. The look is not so much of an issue since Cordova uses a native wrapper to contain a web application. However, the very fact that applications are browser-based is what makes it hard to create a native feel.
Effective Use of Single Codebase
Since one of the primary objectives of cross-platform development tools is to reduce development effort, your React Native vs Cordova decision may well be determined by the degree to which each tool truly allows developers to write code once and reuse it across multiple operating systems.
In many cases, the amount of reusable code will be considerably less than 85%. For example, many of the React Native components only work on one specific platform, so if you wish to have the same UI element in its native guise for a different platform, it will need to be written in native code. The upshot of this is that the closer to native you want your apps to be, the more the code-sharing advantage is eroded.
The Development Effort/Performance Tradeoff
You might note that in the section above, we mentioned that the code-sharing advantage of Cordova is subject to all else being disregarded. Of course, that will never be the case and when building apps with Cordova, the price for speedy development will be paid in the currency of app performance.
The Con of Cordova: Unlike apps created with React Native, those built with Cordova are essentially web apps wrapped in a web view. This places quite a lot of constraints on the type of apps that can be developed, as well as their complexity.
Solution Maturity and Platform Support
When you select a cross-platform development tool, it's important to look not only at the capabilities for building iOS, Android, and perhaps Windows apps, but also at what versions of each platform are supported. For example, you can't build apps for iOS 7 with React Native.
Another key factor is the age and maturity of the development tool since that can make a difference both to the capabilities of the technology and the developers who will work with it.
The Pro of Cordova: Cordova has been around considerably longer than React Native, a fact that bestows it with a number of advantages, not least of which is its domination of the cross-platform market. This, in turn, might be attributed at least partially to maturity-related advantages for users, such as:
- An extensive knowledge base
- A wide range of plugins
- Plentiful documentation covering everything from basic to advanced use of the solution
- A large base of developers experienced in the use of Cordova for app development
Cordova also supports a wide range of new platforms and is less volatile than React Native, which is currently subject to new version releases every few weeks, with no guarantee of backwards compatibility.
The Con of React Native: React Native is by no means immature, but it is some way behind Cordova in this respect. While a large and extremely helpful development community exists, RN documentation is not as extensive as that available to Cordova developers.
React Native's reliance on component libraries brings another maturity issue to the fore. Many of these libraries are still underdeveloped. We touched on this earlier when mentioning how some components are not available for all platforms, but there's also the issue of component quality, which does tend to be variable.
Choose Your Solution
No truly unbiased comparison of React Native and Cordova can claim either tool to be a universally superior app development solution. Hopefully though, this article is helpful in summarizing the most significant pros and cons of each.
As a rule of thumb, you're more likely to select React Native if user experience and app performance are your top development priorities, whereas Cordova might win out if your apps will be less complex, not place too much demand on device resources, and need to be delivered with the minimum cost and effort.
It's Not a Two-horse Race
Of course, after evaluating both RN and Cordova, you may wish to consider a completely different tool, like the Xamarin cross-platform framework, and for our part, we'll continue to post information and guidance relating to all the most credible cross-platform solutions.
Pros and Cons of Mobile Development with Xamarin
Learn about the pros and cons of using Xamarin as your main mobile development platform. All the advantages and shortcomings of ‘near-native’ cross-platform enterprise development laid out in one guide.FULL ARTICLEUpdated: April 15, 2022Published: September 09, 2019By Nika Vartanova
React Native vs Xamarin: What Any CTO Needs to Know
In this Xamarin vs React Native face-off, we compare the best and worst aspects of the two immensely popular cross-platform native app development tools.FULL ARTICLEUpdated: May 26, 2022Published: December 26, 2017By Nika Vartanova
Top 5 Hybrid Mobile App Frameworks
From Microsoft and Facebook down to the smaller players, here are five of the hottest hybrid mobile app development frameworks on the market in 2019.FULL ARTICLEUpdated: February 16, 2022Published: August 09, 2019By Martin Anderson
React Native, Titanium, or FireMonkey: Choosing the Alternative to Xamarin for your App
Is Xamarin truly the best native cross-platform development tool? Let’s explore whether any Xamarin alternative is worth considering.FULL ARTICLEUpdated: May 26, 2022Published: November 30, 2017By Nika Vartanova
Pros and Cons of React Native for Mobile App Development
Facebook's mobile app development tool is popular, but is it good? Here are the pros and cons of React Native for cross-platform app development.FULL ARTICLEUpdated: February 17, 2022Published: February 07, 2018By Nika Vartanova
WANT TO START A PROJECT?