I want to develop a hybrid mobile app based on Onsen UI 2, and have selected React as the framework for it.
I'm also using the PhoneGap Build service to create the app files for Android and iOS.
I am having some difficulties understanding how I can get Onsen, React and the PhoneGap CLI to work in harmony in my development environment.
How I did it for now:
I tried downloading some Onsen & React 'hello world' apps to play around with, and I got to the point, where I managed to build the Onsen/Webpack/React-Hot-Reloading-Example and put the bundle.js file in a new/empty PhoneGap project.
From this, I can understand that I need to separately build the react app, and then copy the bundled app into the PhoneGap app folder.
This seems like a little hassle... shouldn't there be an easier way?
Related
we want to build new functionality in React Native but the main app is cordova app.
current production app created in cordova. but is it possible to call production cordova app to React Native app?
example: cordova app->Footer menu button click-> trigger/invoke the React Native screens
is it possible to embedding a react native inside existing cordova app?.
we have an app build using cordova. However, the client is not happy about the performance. so we like to build new screens in react-native and we thought about combining the current state of the app, embedding a react native inside cordova app. Does this make any sense?
I'm developing a React Native application with Expo, after a few weeks of development I wanted to check my app on the browser by running: expo start --web
The Expo project is starting without any issues, however when I navigate to the local address where the app is being served I get a nasty error:
This is my first React Native app and I'm not sure if the react-native-pager-view simply cannot be run in the browser or I just need to add some webpack configuration for it to succeed.
Any help would be much appreciated.
React native is not meant to work as PWA.
PWA is just a web application that depends on chrome features to look and feel as mobile app. But they are not such smoothly experience as with a react-native or android/ios app.
If you are trying to test this on the web, be sure that you are following the steps in the official docs of react native. And check the example app from react-native-pager-view that works, you could start from there
I have a working electron application that uses React, Redux and WebPack. My current task is to create a working mobile Cordova application from it. What are the main steps I should undertake? How to import the bundle.js created by WebPack, what should I copy in the www folder. I have a very limited knowledge on Node and I will be very thankful for some guidance.
The boilerplate used for the electron application is:
https://github.com/chentsulin/electron-react-boilerplate.git
You may have a look at quasar-framework. Although it's based on vue.js it provides wrappers for electron AND cordova.
I'm new to AngularJS. Is there any way to convert a whole AngularJS application to a mobile native App (Android and iOS) or AngularJS itself. Is there a way to create a mobile app?
I have referred the xdk and phonegap.
Another solution that worked for me in android :
1. Create a plain native app in android.
2. Keep the angular app in resources folder.
3. Call the app in webview.
Similar solution may be possible in ios also, I haven't tried yet.
You can use Apache Cordova or PhoneGap. The use of cross platform libs is very comfortable while you are able to create different native apps by using one sourcecode. With phonegap/cordova you need node.js.
These are the default CLI commands for setup your application. You should create a new hybrid app by using the following commands. You could migrate your AngularJS application by copy-past your files into the new app directory.
Install cordova via NPM
npm install -g cordova.
Create your app (You could put your AngularJS App in your app directory and make it work)
cordova create <path>
Add a platform e.g. iOS or Android (The following command need to be run in the app <path> directory cordova create <path> has been configured.
cordova platform add android --save
Run your app in emulator
cordova run android
Build a native App like:
cordova build android
I have a webapp which I build with Angularjs 2.0, I want to convert it to android apk and install it on android phone and test.
I dont have any experience in building mobile native app or converting webapp to native app.
I have gone through How to convert an existing AngularJS web app to a Cordova app?
Any suggestion/guidance will be helpful.
The most simple explanation is you will need to put your angular files in the www folder, setup your configuration file, make sure the android platform is installed, then run the Android emulate and/or build command to see if it works. That's a very oversimplified version.
Once you've got it working there's a process to go through to prepare the apk to be uploaded to the Google Play Store. You have to be a registered developer for the play store, which is $25/year.
https://scotch.io/#vijayk036/building-hybrid-mobile-apps-using-cordova-and-angularjs-for-android
https://thebhwgroup.com/blog/converting-angularjs-website-cordova-app-ios-and-android