0

Is it possible to have a single code base for a mobile(ios/android) and web application? I'm thinking about using react native or angular/nativescript. If you have attempted this what are the things to keep in mind before doing this. Also anything particular to for SEO?

Most importantly are there any real world apps with reasonable complexity that already have done this?

Prasanth
  • 577
  • 1
  • 9
  • 24
  • https://cordova.apache.org/ – Mathews Mathai May 07 '18 at 18:46
  • 1
    This app - https://www.portablenorthpole.com/ - leverages Angular + NativeScript, one code base to target multiple platforms. Works really well. This talk from ngConf (https://www.youtube.com/watch?v=EqqNexmu3Ug) also goes over some new stuff regarding Nx workspaces from https://nrwl.io/ - which there is a sample project setup demonstrating this approach here (https://github.com/nstudio/xplat-sample) - I'm a member of nStudio, and we've been using the Nx workspace approach for many client projects, all varying in scope/complexity. Some are really large apps with 100s of components. – Brad Martin May 07 '18 at 19:49

1 Answers1

1

NativeScript actually supports this a couple different ways.

  1. NativeScript officially supports Angular; so you can create everything as an Angular application. Almost the entire app can be shared between Web and NativeScript; the only things that can't is the actual screen layout. In Angular for the Web; you use HTML tags so it might be somepage.html <div>{{somevalue}}</div> and for the NativeScript side you would have somepage.xml and it would have <Label text="{{somevalue}}"></Label>. This allows you to layout the app using the native components for Mobile, and web components for browsers, but use the same backend logic. There are several seeds and platforms that are designed around fully creating a web app and a NativeScript mobile app that can share virtually everything.

  2. NativeScript also supports VueJS; in this case you can again create virtually everything that shares much of its code base, the only thing is again you need separate layout files because again the web uses html, and NativeScript uses native components. So you have to have separate display files.

Disclaimer: I also work for nStudio; I tend to do non-angular type plugins mainly; but I do know that xPlat is really state of the art and has been used in several successful applications that our development studio has produced.

Nathanael
  • 5,369
  • 18
  • 23