Review of the best cross-platform development frameworks: PhoneGap, Xamarin, Flutter, React Native
Tags: reactnative, programming, appdevelopment, devops
Published: 2017-11-22 10:18:56

---
layout: post
title: "Review of the best cross-platform development frameworks: PhoneGap, Xamarin, Flutter, React Native"
published: true
tags: reactnative, programming, appdevelopment, devops
cover_image: "https://thepracticaldev.s3.amazonaws.com/i/g8n42qbclke3xkt3v0h2.jpg"
---

Though in most cases native development allows delivering more quality products than cross-platform app development does, there come to life cross-platform technologies enabling to create great modern applications much faster and easier.

Since the market has always been very competitive, tech providers have to take care of quality and strive for delivering high-quality cross-platform development frameworks.

At the moment, one of the best ones are </span><a href="https://www.xamarin.com/"><span style="font-weight: 400;">Xamarin</span></a><span style="font-weight: 400;">, PhoneGap, and React Native. I’ve included </span><a href="https://flutter.io/"><span style="font-weight: 400;">Flutter</span></a><span style="font-weight: 400;"> in the list as a new promising tool, which now is quickly gaining popularity (certainly, there are many other great and for some more convenient tools, but they generally have a similar architecture to those in the list).



<h3>PhoneGap</h3>

 
PhoneGap is an open-source cross-platform development framework, that goes for free. This cloud-based tool doesn’t require SDKs, compilers, and hardware for building applications.

Today </span><a href="https://phonegap.com/"><span style="font-weight: 400;">PhoneGap</span></a><span style="font-weight: 400;"> is one of the most popular cross-platform dev tools, allowing engineers to develop apps on CSS3, HTML5, and JavaScript. What’s important, PhoneGap is a mature solution providing a number of ready plugins.

By using this framework, programmers get the ability to simplify custom mobile app development: you build a native application that in fact reflects an embedded web browser and a single-page HTML.

There is no a direct access to API as all interface elements within a web page are just stylized as native ones. 

To access the system functionality, programmers connect specific plugins, that add JS methods inside the web browser and link them with the native implementation on each platform.

<i>Adobe PhoneGap will perfectly suit you if you need to develop an application interface or a simple app with 10-16 screens with a small user audience, for example, for building enterprise solutions. 

The work on this framework requires the expertise in creating single page web applications (HTML, JavaScript, CSS).</i>



<h3>React Native</h3>


React Native grew out of React.js, the latter created by Facebook to repair their chat. The key feature of React.js is a renderer layer, allowing the intermediate JSX language to render in HTML, which is already perceived by the browser.

At some point, the guys from Facebook realized that they can use exactly the same approach for their mobile solutions. The React architecture allowed to add a native renderer, turning JSX into native platform components. As a result, they received React Native.


<b>The main advantages of React Native:</b>


- High speed and more simple app dev process.

- A single framework and tools for both platforms, so it doesn’t matter whether you work on iOS or Android app version – the tools are the same.

- React Native is a good solution for rapid prototyping of web apps’ mobile versions. Also, if a web application is already written on ReactJS, the speed of transferal goes much more quickly.

- Other popular and effective technologies “on package”: JavaScript and Node.js as well as Facebook support, hot reloading, and no payments (goes for free).

- Testing & Debugging: you can run the application on two platforms at once. And, when for example, changing the slicing, you see the changes on both devices, which is very convenient and simplifies the testing process.



Check out <b></span><a href="https://smartym.pro/blog/comparing-cross-platform-app-development-tools-phonegap-xamarin-flutter-react-native/"><span style="font-weight: 400;">the review of Xamarin, Flutter, PhoneGap, and React Native,</span></a><span style="font-weight: 400;"></b> including features, ease of use, and much more.