nativescript - tj vantoll · 5 reasons to use nativescript •1) rich, animated native ui •2)...
TRANSCRIPT
![Page 1: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/1.jpg)
NativeScriptOpen-source framework for building truly native mobile appswith Angular, TypeScript or JavaScript.
![Page 2: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/2.jpg)
TJ VanToll🚀@tjvantoll
![Page 3: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/3.jpg)
![Page 4: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/4.jpg)
![Page 5: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/5.jpg)
![Page 6: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/6.jpg)
NativeScript is the best tool for cross-platform native app
development 🎉
![Page 7: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/7.jpg)
Agenda• Slides!• ~20 minutes
• Coding!• ~30 minutes
• Questions!• Whatever time we have left
![Page 8: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/8.jpg)
![Page 9: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/9.jpg)
![Page 10: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/10.jpg)
Me at PhoneGap Day 2014
![Page 11: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/11.jpg)
http://developer.telerik.com/featured/the-state-of-hybrid-mobile-development/
![Page 12: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/12.jpg)
“We are facing a slow touch reaction while scrolling”
“I've noticed very slow/jaggy/flickering scrolling on Android. The framerate is low, and the scroll effect is far from
smooth.”
“if there is solution to get native speed then i will be using app builder again otherwise will move to native”
“appbuilder only produces a bastard child of an app. slow, and tacky . Its just not a good idea at all. Having said that it is actually what i am using for my next app. This is because every other alternative is just as bad.”
![Page 13: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/13.jpg)
![Page 14: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/14.jpg)
![Page 15: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/15.jpg)
2013 2014 2015 2016 2017
Early prototypes
“Core” engineering
Public launch
Adoption ramp-up
Mass adoption
Project Timeline
![Page 16: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/16.jpg)
https://npm-stat.com/charts.html?package=nativescript&from=
2016-01-31&to=2017-01-31
![Page 17: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/17.jpg)
A free and open source framework for building truly native mobile apps with JavaScript. Use web skills, like TypeScript, Angular and CSS, and get native UI and performance on iOS and Android.
NativeScript is…
![Page 18: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/18.jpg)
NativeScript is the best tool for cross-platform native app
development 🎉
![Page 19: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/19.jpg)
5 reasons
![Page 20: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/20.jpg)
Search for “Examples NativeScript”
in the iOS App Store or Google Play to try this out for yourself.
Rich, animated, “no compromise” native UI 🐎(with shared UI code)
1
![Page 21: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/21.jpg)
Maximum code and skill reusability 🌮
2
![Page 22: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/22.jpg)
or or
Architecture Choices 🔧
![Page 23: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/23.jpg)
Ease of doing native-y things 📷3
![Page 24: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/24.jpg)
NativeScript modules
![Page 25: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/25.jpg)
NativeScript modules for UIs
![Page 26: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/26.jpg)
NativeScript Plugins Hub (plugins.nativescript.org)
![Page 27: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/27.jpg)
Reuse existing native Android and iOS libraries
![Page 28: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/28.jpg)
Vibrant and growing community 💖4
![Page 29: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/29.jpg)
NativeScript community forum (forum.nativescript.org)
![Page 30: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/30.jpg)
NativeScript community Slack channel
![Page 31: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/31.jpg)
Supported by a major software company vested in your success ()
5
![Page 32: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/32.jpg)
NativeScript offers enterprise support
![Page 33: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/33.jpg)
UI for NativeScript—premium UI components
![Page 34: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/34.jpg)
Telerik Platform
![Page 35: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/35.jpg)
5 Reasons to use NativeScript
• 1) Rich, animated native UI• 2) Maximum code and skill reusability• 3) Ease of doing native-y things• 4) Vibrant and growing community• 5) Supported by a major software company
![Page 36: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/36.jpg)
NativeScript is the best tool for cross-platform native app
development 🎉
![Page 37: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/37.jpg)
Demo! 🔥
![Page 38: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/38.jpg)
![Page 39: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/39.jpg)
![Page 40: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/40.jpg)
![Page 41: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/41.jpg)
How many Pokémon are there?
801
![Page 42: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/42.jpg)
Follow NativeScript!
twitter.com/nativescript
nativescript.org/nativescript-newsletter
![Page 43: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/43.jpg)
Get Started
![Page 44: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant](https://reader030.vdocument.in/reader030/viewer/2022041103/5f020b627e708231d4024cdb/html5/thumbnails/44.jpg)
Thanks! 😊@tjvantoll