WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • Mobile
  • How-to
  • Enterprise
  • Releases
  • Blog
  • Sign-in

›Mobile Development

Mobile Development

  • React Native or Cordova

Cordova

  • Building Hybrid Mobile Apps
  • Native Device Support
  • First Mobile App
  • Mobile Design

    • Mobile Page Design
    • Gesture Support
    • Mobile Tabbar
    • Mobile Navbar

    Mobile Installer

    • Test Run (Preview)
    • Debugging Mobile Apps
    • Testing Hybrid Mobile Apps using WaveLens
    • Mobile Build - Android
    • Generating iOS and Android Distribution Certificates
    • Export Cordova zip
    • Mobile Build - Manual
    • Mobile Build - AppChef

    Mobile Integrations

    • Mobile Integrations - Amazon Mobile Analytics
    • Mobile Integrations - Amazon SNS
    • Using Push Notifications in Mobile Device
    • Invoking Web App APIs in Mobile Apps

    Offline Features

    • Offline Data Support
    • Implementation
    • Switching between Offline and Online Mode

React Native

  • Welcome
  • React Native Features
  • Supported Widgets
  • Variables
  • Build Installers
  • Debug Web Preview
  • Expo Debug
  • Styles
Edit

React Native or Cordova to Develop a Mobile app in WaveMaker


WaveMaker supports React Native from WaveMaker 11 Beta onwards and Cordova framework from quite some time. But the decision of which framework to use has several considerations, which are discussed in this document. The following details can help you choose whether to use Cordova or React Native to develop a new mobile application in WaveMaker Studio.

Performance

React Native apps perform better compared to Cordova apps. We tested a few typical scenarios where the same app was developed in WaveMaker Studio using Cordova and React Native. We observed that the React Native app performed 40% better than the Cordova app in terms of app loading time.

Feature Parity

Comparatively, features supported in WaveMaker Studio for React Native apps are less than the full-fledged Cordova. But, React Native is relatively new in WaveMaker Studio and the features will be gradually added to React Native as we advance. For now, check the available features and supported widgets of React Native apps.

Technology

In WaveMaker, the only difference between Cordova and React Native Apps development is the styling framework.

Supported Technologies

CordovaReact Native
UI runs on a WebView.UI runs in a Javascript engine, such as JSC or Hermes.
HTML, JavaScript, and CSS to develop app UI.You will use JavaScript to define and style the React Native UI.

CSS Support

note

React Native does not support CSS.

CSS is very powerful and flexible. So, WaveMaker allows developers to define React Native styles like CSS, but with limitations. WaveMaker converts these CSS styles into JS styles. Therefore, a WaveMaker developer must learn this new way of styling the React Native app. Learn how to style and theme React Native apps. It should not take more than an hour.

Final thoughts

If performance is an important criterion for your app, then React Native should be your first choice over Cordova. However, identify the features required for your app and check if they are supported in React Native Studio.

Last updated on 6/6/2022 by Swetha Kundaram
Building Hybrid Mobile Apps →
  • Performance
  • Feature Parity
  • Technology
    • Supported Technologies
  • CSS Support
  • Final thoughts
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2022 WaveMaker, Inc. All rights reserved.