Mobile First Apps Web & Native

Juan David Nicholls

@jdnichollsc

Software Engineer

@ BevyUp (Acquired by Nordstrom)

A little history...

Ionic Starter Template

Ionic ElastiChat

IonPhaser

PokeDex GO - Community

It took me 6 years to create my first native plugin 😅
 

https://github.com/proyecto26/react-native-inappbrowser

Code-Sharing projects

https://docs.nativescript.org/angular/code-sharing/intro

Old Way

Angular Native Seed (Deprecated)

And the Heroes

Sean Perkins

Sebastian Witalec

Integrating Ionic Styles & Components - Demo Project @proyecto26

https://github.com/proyecto26/nativescript-ionic-template

New Way

Similar to TeamMaestro Seed, but:

 

- No separate nativescript build folder

 

- Shared node_modules

 

- Supported by {N} team! 🎉

 

- New Webpack build with livesync support

 

- Schematics (Scafolding to generate files in an easy way)​

NativeScript commands

Angular CLI

- ​npm i -g @angular/cli
- npm i -g @nativescript/schematics
- ng new -c=@nativescript/schematics sass-project --shared --style=scss
- tns convert module <nameModule> (Convert old projects)

If you don't want to use NativeScript Core Theme in your project, add the flag --no-theme

 

Demo time!

https://github.com/nativescript/nativescript-schematics