What exactly is a NativeScript app: is it the experience users have on their mobile devices, or the product they download from the app store?

Currently, I am diving into the world of Angular and exploring how to develop Angular applications with TypeScript while working on a C# ASP.Net Core Web Api project as the server side component.

My question is this - if I create a NativeScript app in addition to the Angular TypeScript app, will the user see these apps directly on their mobile device screen (such as an iPad or iPhone), or do they need to download it from the app store before being able to use it as a native application?

Also, if it's the former scenario, how does the device determine which one to display, especially considering that I can build the TypeScript app using bootstrap to make it compatible for viewing on mobile devices?

angulartypescriptnativescriptnativescript-angular

Answer №1

The Google Play Store and Apple App Store serve as centralized hubs where users can download your app. It seems there may be some confusion between Progressive Web Apps (PWAs) and native apps. With Nativescript, you have the ability to create native mobile apps that can be debugged, run, and built directly on iOS or Android devices. Whether you choose to deploy your app directly onto a device or publish it in a store for download, the end result will be the same.

It's worth noting that while Angular is a popular framework choice for app development, alternatives like Vue.js or vanilla JavaScript can also be used with NativeScript. Additionally, whether you have a C# ASP.Net Core Web API or Java backend, it won't affect the development process.

Furthermore, when working on code sharing projects, the goal is typically to maximize code reusability by separating platform-specific code into distinct files. This allows for shared code related to navigation routes, common business logic services, and component class definitions for consistent behavior across components.

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

Separate configurations for Webpack (Client and Server) to run an Express app without serving HTML files

I am currently developing an application with a Node Backend and I am trying to bundle it with Webpack. Initially, I had a single Webpack configuration with target: node. However, I encountered issues compiling Websockets into the frontend bundle unless I ...

node.jstypescriptexpresswebpack

Ionic 3 is unable to find a provider for CallNumber

Recently, I have been working with Ionic 3 and encountered an issue when trying to call a number using the Call Number plugin. Here are the steps I followed to add the plugin: ionic cordova plugin add call-number npm install --save @ionic-native/call-numb ...

angularcordovatypescriptionic2ionic3

Creating a generic type in TypeScript that represents a union of keys from type T's properties

Is there a way to determine the result type (TTarget) based on TSource and the provided property names (keyof TSource)? I have this function that copies specified properties to a new object: export declare type PropertyNamesOnly<T> = { [K in keyof ...

typescriptgenerics

What is the process of converting a union type into a union of arrays in TypeScript?

I have a Foo type that consists of multiple types For example: type Foo = string | number I need to receive this type and convert it into an array of the individual types within the union type TransformedFoo = ToUnionOfArray<Foo> // => string[] ...

typescript

Best approach for managing Union Types in Angular 16 Templates / Utilizing Type Inference?

Currently, I'm immersed in a project using Angular 16 where my focus lies on applying a reactive declarative method. Oftentimes, I find myself working with Observables that emit varying data types - either successful data or an error object. Each ret ...

angulartypescriptrxjscastingtypeerror

Using an Angular interface for an HTTP request: The statusText message reads as "Error: Unable to Determine."

I've been working on calling an API as an example in Angular using an interface. The API I'm trying to access is located at https://jsonplaceholder.typicode.com/posts. Unfortunately, I encountered the following error message: ERROR HttpErrorResp ...

jsonangulartypescripthttp

JavaScript/Typescript is throwing an error because it is unable to access the property 'username' of an undefined object

In my project, I am attempting to compile a list of Profile objects and then extract specific elements from each object in the list. To accomplish this, I have defined a public interface named Profile, imported it into my component, and instantiated a new ...

javascriptangulartypescript

Accessing and sending only the body part of an HTTP response in Angular 7 test cases: A comprehensive guide

Currently, I am working on creating unit test cases in Angular 7 for a Component that utilizes an asynchronous service. This is the content of my component file: submitLoginForm() { if (this.loginForm.valid) { // send a http request to save t ...

javascriptangulartypescriptunit-testingkarma-jasmine

Using Angular's routerLinkActive to manage active states for multiple paths

With my Angular 5 project, I have successfully implemented a bootstrap nav-bar menu where routerLinkActive works perfectly when the initial path matches the routerlink of the menu item, like this: <li [routerLinkActive]="['active']"> < ...

angularroutesangular2-routingrouterlinkactive

The server has access to an environment variable that is not available on the client, despite being properly prefixed

In my project, I have a file named .env.local that contains three variables: NEXT_PUBLIC_MAGIC_PUBLISHABLE_KEY=pk_test_<get-your-own> MAGIC_SECRET_KEY=sk_test_<get-your-own> TOKEN_SECRET=some-secret These variables are printed out in the file ...

typescriptenvironment-variablesnext.js

Define a module function that can be used externally

I am encountering an issue while trying to declare an external module that does not have existing typings. This library has a function that returns a string and takes no arguments. My attempt to define it in a .d.ts file is as follows: declare module "c ...

typescript

converting nested object structures in typescript

I'm trying to flatten a nested object in my Loopback and Typescript controller Here's the structure of my model : export class SampleModel { id: number; code: number; guide?: string; gradeData?: string; } Take a look at this example obj ...

javascripttypescriptloopbackjsloopback3

"Encountering a hiccup with importing Angular modules

I have two modules called ChatModule and LibraryModule. I am trying to import the ChatComponent into the LibraryComponent, but I am encountering an error: Error: Template parse errors: 'mat-tab' is not a known element: 1. If 'mat-tab' ...

angularangular-cliangular-material2

Utilize PrimeNG's async pipe for lazy loading data efficiently

I have a significant amount of data (400,000 records) that I need to display in a PrimeNG data table. In order to prevent browser crashes, I am looking to implement lazy loading functionality for the table which allows the data to be loaded gradually. The ...

angulartypescriptlazy-loadingprimengprimeng-datatable

The npm installation process has come to a sudden halt

Starting a web application in Angular 17 has been my goal. I typically run npm install followed by ng serve. However, this process suddenly stopped working. To troubleshoot, here are the steps I've taken: Updated npm to the latest version (10.2. ...

angularnpmnpm-install

Encountered an error: Object(...) does not conform to function standards in the handleChange method

When using JavaScript, everything works fine. However, when trying to implement TypeScript with the handleChange function, an error is consistently thrown whenever something is typed into the entries. The error message reads: "TypeError not captured: Objec ...

javascripttypescript

Issue: npm encountered an error due to writing after reaching the end

I've encountered a problem while trying to install Cordova and Ionic. Due to what appears to be a corrupted installation, I had to uninstall NodeJS - Cordova - Ionic. After re-installing NodeJS successfully, the trouble began when running the pop ...

javascriptnode.jsangularionic-frameworknpm

Integration of Mocha with WebStorm

WebStorm offers a useful feature that adds a small arrow next to describe() and it() keywords when writing tests with Mocha, allowing for easy manual execution. However, there is a challenge: I require additional setup before each test, leading me to use ...

typescriptidemocha.jswebstorm

"How can we trigger a re-render of a React component once a promise is fulfilled? Is there a way to prevent rendering until the

Having attempted to make updates to a functional component that interfaces with an azure-devops-ui/Filter, I've encountered a situation where I am utilizing the azure-devops-extension-sdk to handle async responses. This component is intended to be use ...

javascriptnode.jsreactjstypescriptazure

Can you explain the significance of using square brackets in the typescript enum declaration?

While reviewing a typescript file within an Angular ngrx project titled collection.ts, I came across the declaration of enum constants. import { Action } from '@ngrx/store'; import { Book } from '../models/book'; export enum Collecti ...

angulartypescriptenumsngrxngrx-store