A Lap Around NativeScript TJ VanToll | @tjvantoll What is - - PowerPoint PPT Presentation

▶

Jan 10, 2024 28 likes •332 views

A Lap Around NativeScript TJ VanToll | @tjvantoll What is NativeScript? A runtime for building and running native iOS, Android, and Windows Phone apps with a single, JavaScript code base != No DOM != No cross compilation !=

SLIDE 1

A Lap Around NativeScript

TJ VanToll | @tjvantoll

SLIDE 2

What is NativeScript?

A runtime for building and running native iOS,

Android, and Windows Phone apps with a single, JavaScript code base

SLIDE 3

No DOM
No cross compilation

!= !=

Direct access to

native APIs in JS

!=

SLIDE 4

Bridge

SLIDE 5

NativeScript Android example

Output:

SLIDE 6

SLIDE 7

NativeScript iOS example

SLIDE 8

SLIDE 9

How does this work?

SLIDE 10

NativeScript and JS VMs

NativeScript runs JavaScript on a JavaScript VM
JavaScriptCore on iOS
V8 on Android
JavaScriptCore on Windows

SLIDE 11

Runs on V8
Runs on JavaScriptCore

SLIDE 12

Gathering Native APIs

NativeScript uses reflection to build a list of

available APIs for each platform.

For optimal performance, this metadata is pre-

generated, and injected into the app package at build time.

SLIDE 13

Injecting native APIs

V8/JavaScript

Core have APIs to inject global variables

SLIDE 14

Invoking native APIs

V8/JavaScriptCore have C++ callbacks for JS function

calls and property accesses.

The NativeScript runtime uses those callbacks to

translate JS calls into native calls.

On iOS, you can directly call Objective-C APIs from C+

+ code.

On Android, NativeScript uses Android’s JNI (Java

Native Interface) to make the bridge from C++ to Java.

SLIDE 15

SLIDE 16

SLIDE 17

SLIDE 18

NativeScript file module

SLIDE 19

HTTP module example

SLIDE 20

Community modules

SLIDE 21

But how do I turn this into an app?

SLIDE 22

Two ways to use NativeScript

1) 2)

SLIDE 23

Backend-as-a-service
Push notifications, cloud data, file storage, and more
Analytics
AppBuilder
Cloud builds (build iOS apps on Windows, Windows Phone apps on

a Mac)

NativeScript debugging and tooling
Automated app testing
And more!

http://telerik.com/platform

SLIDE 24

https://www.telerik.com/purchase/platform

SLIDE 25

NativeScript CLI

Free and open source
https://github.com/nativescript/nativescript-cli

SLIDE 26

NativeScript CLI requirements

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

cli#system-requirements

Xcode, Xcode CLI tools, iOS SDK
JDK, Apache Ant, Android SDK

SLIDE 27

SLIDE 28

Follow NativeScript

@nativescript
https://nativescript.org/blog

SLIDE 29

Contribute! (nativescript.org/contribute)

SLIDE 30

Thanks!

TJ VanToll | @tjvantoll
Like this talk?
Rate it at http://bit.ly/next-vantoll-2
Hated this talk?
Use http://bit.ly/next-holland