NativeScript: love or hate?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820325/NativeScript_logo.png)
Aliaksei Bahachuk
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820375/logo.png)
Prehistory
Parents
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820414/Telerik_brandmark_color_without_tagline_Black_1412710457532.png)
WHO?
Telerik
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820441/Telerik_Platform_Black_1415295573422.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820442/fiddler-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820451/mark_big.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820453/TelerikTestStudioLogo.png)
Telerik
No money
Open Source - Now and Forever
NativeScript is licensed under the very permissive Apache 2 license.
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820602/ns-about-2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439031/apache.png)
Enterprise Support
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2827388/pasted-from-clipboard.png)
Before the meeting
GitHub
7,363
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820563/download.png)
556
GitHub
187
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820563/download.png)
Version
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820633/b88e5d6add27.jpg)
Documentation - appearance
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2820580/ochen-krasivye-glaza_30009232_orig_.jpeg)
Met the NativeScript
No DOM
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270677/phonegap.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270277/nativescript.jpeg)
!==
No cross compilation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270277/nativescript.jpeg)
!==
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270710/Xamarin-logo.png)
Direct access to Native API
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270277/nativescript.jpeg)
!==
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270719/react.png)
Cross platforms
NativeScript runs on a pre packaged JavaScript virtual machine
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270926/apple-logo.png)
WebKit JavaScript Core
Google V8
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2272774/windows-black.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270937/V8_JavaScript_engine_logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2272775/android-2048-black.png)
Cross platforms
![](https://s3.amazonaws.com/media-p.slid.es/uploads/169755/images/1410571/Screen_Shot_2015-05-22_at_1.24.27_PM.png)
You can choose
JavaScript
TypeScript
+ Angular2
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439076/ts.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439078/js.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439080/angular.png)
UI thread
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2823989/marketplace-app-in-action.gif)
How does it work?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270861/pasted-from-clipboard.png)
TODO:
How does it work?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/196485/images/2270955/pasted-from-clipboard.png)
TODO:
Native Layouts
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439136/absolute.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439138/dock.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439140/grid.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439142/stack.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/482649/images/2439144/wrap.png)
Absolute
Dock
Grid
Stack
Wrap
Plug and Play
Use native libraries for each platform
Shared UI styles through CSS
Use JS libraries
![](https://s3.amazonaws.com/media-p.slid.es/uploads/169755/images/1414729/fillinggaps_chartpage_570.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/169755/images/1414733/css3logo.png)
Ideal
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821283/llll_22172558_orig_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2823994/Shut-up-and-take-my-money.jpg)
First surprise
Angular2 + NativeScript
Version: 0.2.1
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821290/images.png)
Angular directives support is limited
Router / Form modules
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821290/images.png)
First lie
Cross Platform
![](https://s3.amazonaws.com/media-p.slid.es/uploads/samidip/images/561434/android-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/samidip/images/549249/Windows_logo_-_2012.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/169755/images/1411128/Apple.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821330/acherkn.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821365/Fry_Looking_Squint.jpg)
Hmmmmm...
First truth
UI thread only
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2824421/zveropolis-4668x3300-lenivec-8017.jpg)
I don't like your friends!
Npm modules with DOM or Node dependencies
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821388/1372186854_1141297316.jpg)
No more girls!
Preprocessors
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821458/b53ccc70bc85.jpg)
Anything else?
NS modules
Not all modules support both platforms
You need to write iOS and Android code
NS modules
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821538/1253886001_office-no.gif)
And I can't cook...
Debugging: Node inspector
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821635/Untitled.png)
Sources
Console
Debugging 0
-
No Source-Map
-
No Network
-
No Element Inspector
-
No Performance
-
The console logs are not colored
Debugging 0
VERY long reload time:
*Win 10
debugger ~ 20s
livesync ~ 50s
build ~ 3m
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2823479/risovach.ru.png)
Debugging 0
VERY long reload time:
*Win 10
livesync: you can't add resources ~ rebuild + debug
livesync doesn't support debug ~ livesync + debug
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2823531/movies-art-film-sad-rain.gif)
Roadmap ...
Roadmap v2.2
Roadmap v2.3
But now...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/471017/images/2821538/1253886001_office-no.gif)
Thank you!
Questions?
NativeScript
By Aliaksei Bahachuk
NativeScript
Love or Hate?
- 1,119