Angular 2 + {N}

The Final New Frontier

Say What?

Hi, I'm NativeScript.

Nice to meet y'all

So?? Why should I care?

NativeScripe enables developers to:

  • Build truly native apps for iOS / Android / Windows (soon)
  • Share code between different platforms
  • Write apps in your favorite language (JS duh) 
  • Use the largest open source public collection of packages (a.k.a npm)
  • Debug your code in the browser 
  • Write apps using your favorite front end framework (Angular 2 duh)
  • Write apps w/o opening xcode / android studio
  • And more...

 

Oh, Interesting so is it like what's his name?

!==

No DOM

!==

No Cross

compliation

!==

Direct access to native api

But, but how does it work?

But, but how does it work?

 

NativeScript runs on a pre packaged JavaScript virtual machine

 

 

 

WebKit JavaScript Core

Google V8

But, but how does it work?

But, but how does it work?

Prove it!

What else should I know?

No DOM

No Flex / Positions / Full CSS Support

Not all modules support both platforms

Angular directives support is limited

Enough about nativescript what about Angular 2??

Nearest Happy Hour!

Lessons Learned!

  • debug mode doesn't support livesync
  • no inspect element
  • no console log in emulator + livesync
  • very long reload time
  • the console logs are not colored
  • Debugging abilities is close to none 
  • Complicated API (native)
  • Saved me from runtime mistakes

Really early stage

Typescript!!! - So important

Hard to debug

Router / Page navigation is not implemented yet

While in livesync u can’t add resources (new modules)

Not all modules work smoothly (firebase module for ios)

Wired voodoo shit in general

I Need Your Help

Bibliography

Angular Native {N} - The New Frontier

By ofird

Angular Native {N} - The New Frontier

Not long ago, the angular team teamed up with an open source project called native script {N} and set up a new vision. They want to let people write 100% native apps using their favorite language (JS, duh) and their favorite framework (Angular 2.0, double duh) In this talk we'll see a small POC of this technology and learn how you can create your very own cross platform 100% native app using angular 2.0 and {N}

  • 1,786