Creating a Cordova application from the ground up, evaluating the options of using ngCordova, Ionic framework, and

With the goal of creating a multiplatform Cordova app for Android, iOS, and Windows, I have been exploring different approaches.

My plan is to build an application with 4 or 5 features focused on service consumption (listing, adding, and editing items) while also enabling offline use of the app.

Above all, my priority is to ensure that the app is robust and stable.

Here are the solutions I considered:

Develop in "pure" Cordova (Javascript, HTLM, and CSS);
Utilize ngCordova (AngularJS with support for Cordova Plugins);
Opt for Ionic (AngularJS, mainly for UI);
Choose Typescript;
Explore using Typescript, ngCordova, and Ionic together (or a combination of these three).

I am aware that DefinitelyTyped provides support for Ionic and ngCordova (source linked) mostly. Additionally, I know it's possible to create a blank Cordova App in Typescript without any hurdles.

While the use of Typescript seems like a logical choice, I am uncertain about the standard preferences for ngCordova and Ionic currently.

EDIT: After initially deciding on Typescript, Angular 2.0, and Ionic 2, I eventually switched gears and developed the app using Xamarin instead.

Answer №1

When it comes to choosing standards for your project, the decision ultimately lies with you and what best suits your specific requirements and available time to learn new technologies. In my opinion, leveraging an application framework is a smart move rather than starting from scratch, and one solid option is Ionic which is based on AngularJS. ngCordova seamlessly integrates Cordova plugins into AngularJS components and can be picked up in just 5 minutes, making it a great choice if you opt for Ionic. On the other hand, jQuery Mobile paired with jQuery can also provide a strong foundation for your app development with its user-friendly UI framework.

Answer №2

I highly suggest using Ionic for its seamless integration with Cordova and user-friendly UI components that simplify implementation. Another option to consider is React Native, which also offers a great framework for mobile app development. Learn more about React Native here

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Track user engagement across multiple platforms

Looking for solutions to log system-wide user activity in my Electron app. I want to track mouse-clicks and keystrokes to determine if the user is inactive for a certain period of time, triggering a timer reset within the application. I believe I may nee ...

javascript reactjs electron user-activity

Sending an array of objects over socket io: A step-by-step guide

Recently, I've been struggling with an issue when trying to send an array of objects through socket io. This is my server-side code: var addEntity = function(ent) { entityBag.push(ent); }; var entityBag = []; addEntity(new Circle({ ...

javascript node.js socket.io

Leveraging Global Variables for Validation in Angular (Angular 10)

I am currently creating a form in Angular 10 which involves the use of validators. Specifically, I have been utilizing the Validators.min() method within my form... Instead of manually inputting the value '100' in the Validators.min('100&ap ...

angular typescript forms validation angular-material

Unpredictable Dependency Outcomes in Node.js

Encountering a warning while running yarn install where all dependencies are installed, but a specific warning is triggered: Warning: Pattern ["esprima-fb@~3001.0001.0000-dev-harmony-fb"] is attempting to unpack in the same destination "/Users/Me/Librar ...

javascript node.js express npm yarnpkg

Binding arguments to child functions within Vue components

When working with React, it's a common practice to bind parameters for child components in the following manner: <Child onChange={e => doThing(complex.variable.inParentScope[3], e.target.value)} foo="bar" /> In Vue, I want to ach ...

javascript vue.js

How can I set up TypeScript warnings in Visual Studio Code to display as errors?

Take this scenario for instance async function a() { await null; } In VS Code, there is a minor warning about using await: 'await' has no effect on the type of this expression. ts(80007) Is there a way to elevate that warning to an error in b ...

typescript visual-studio-code

Google Feed API - Retrieving saved data from RSS feed cache

We have implemented the Google Feed API to display our latest blog posts on our website. However, even after 24 hours, our most recent post is still not appearing on our site. Despite confirming that the RSS feed contains the newest content, it seems that ...

javascript xml json google-feed-api

Creating a TypeScript interface that inherits properties from another interface is a powerful way to define

My question pertains to a programming interface I have created called PersonInterface. Within this interface, I have included a property called 'address' which has a type of AddressInterface - another interface that I have defined. I am wondering ...

class typescript types interface

Exploring the world of Ionic and Angular on Coursera

I've been following a Coursera tutorial, but I've encountered an error. Although I have the code provided by the teacher, it's not working as expected. Unfortunately, I am unsure of what additional code to include since everything seems to ...

angular cordova ionic-framework

Cypress eliminating the "X-CSRFToken" header

There seems to be an issue with the Cypress test runner where it is removing X-CSRFToken from the request header, leading to a 403 Forbidden error. I have compared the headers between a manual run and a Cypress test run, and you can see the difference in t ...

javascript typescript testing cypress csrf-token

ESLint detected a promise being returned in a function argument where a void return type was expected

I'm encountering a recurring error whenever I run my ESLint script on multiple routers in my server. The specific error message is as follows: error Promise returned in function argument where a void return was expected @typescript-eslint/no-misuse ...

javascript node.js typescript typescript-eslint

Troubleshooting Problems with Ajax across Different Web Browsers

I am facing an issue with my ajax function - it works perfectly on Chrome and Firefox, but not on Internet Explorer 8. Can anyone help me identify the problem? Here is the HTML section: <select id='choices'> <option id="no" value="no" ...

php javascript ajax internet-explorer-8 cross-browser

The most effective method for transitioning an application from AngularJS to React-Typescript Micro Frontend

We are in the process of migrating from a monolithic AngularJS App to a ReactJS Micro Frontend App. Our current AngularJS App consists of 64 HTML pages, each rendered based on the API response containing LayoutId. Below is a snippet of the code structure: ...

reactjs angularjs react-typescript

Utilizing Fullcalendar 5 in conjunction with Angular: Embedding Components within Events

Recently, my team made the transition from AngularJS to Angular 12. With this change, I upgraded Fullcalendar from version 3 to version 5 and started using the Angular implementation of Fullcalendar: https://fullcalendar.io/docs/angular While navigating t ...

javascript angular typescript fullcalendar angular12

I am looking to create a div that can consistently refresh on its own without needing to refresh

I have implemented a comment system using ajax that is functioning well. I am looking to incorporate an ajax/js code to automatically refresh my "time ago" div every 5 seconds so that the time updates while users are viewing the same post. Important note: ...

javascript css ajax

What is the best way to test a local variable in Angular 2 using karma and jasmine?

I've been working on writing a unit test with jasmine, but I've run into an issue when trying to test a local variable using jasmine. I have successfully tested a global variable in the past, but testing a local variable seems to be more challeng ...

angular typescript karma-jasmine

The font size of the textarea dynamically adjusts based on the size of the screen

Some strange behavior is occurring in the Android default browser when I set the width and height of a textarea to 100%. The font size of the textarea seems to increase based on the screen size, and even though I attempted to alert the font-size using jQue ...

javascript jquery css textarea

TypeScripter Q&A