NativeScript On Fire Cross-Platform Development Cross-Plattform - - PowerPoint PPT Presentation

▶
nativescript on fire cross platform development cross
SMART_READER_LITE
LIVE PREVIEW

NativeScript On Fire Cross-Platform Development Cross-Plattform - - PowerPoint PPT Presentation

Jul 01, 2023 41 likes •231 views

NativeScript On Fire Cross-Platform Development Cross-Plattform Entwicklung MobiDev. Angular Native. https://mobidev.biz/blog/angular-native-nativescript-with-angular-2 NativeScript N JavaScript Engine App code Hooks Dispatcher System

slide-1
SLIDE 1

NativeScript On Fire

slide-2
SLIDE 2

Cross-Platform Development

slide-3
SLIDE 3

Cross-Plattform Entwicklung

  • MobiDev. Angular Native. https://mobidev.biz/blog/angular-native-nativescript-with-angular-2
slide-4
SLIDE 4

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher

slide-5
SLIDE 5

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System calls native API accesses native objects Dispatcher

slide-6
SLIDE 6

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System calls native API accesses native objects Dispatcher

Button button = new Button(getApplicationContext()); var button = new android.widget.Button(getApplicationContext())

slide-7
SLIDE 7

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System calls native API accesses native objects calls callback function calls JavaScript functions Dispatcher

Button button = new Button(getApplicationContext()); var button = new android.widget.Button(getApplicationContext())

slide-8
SLIDE 8

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher Button ListView FileSystem Modules

slide-9
SLIDE 9

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher Button ListView FileSystem Modules platform-agnostic platform-specific

slide-10
SLIDE 10

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher Button ListView FileSystem Modules AOT Routing Components TypeScript Any JS library

slide-11
SLIDE 11

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher Button ListView FileSystem Modules AOT Routing Components TypeScript Any native .. .. interface .. UI component .. library Any JS library

slide-12
SLIDE 12

JavaScript Engine

NativeScript

N

Hooks App code NativeScript Runtime System Dispatcher Button ListView FileSystem Modules AOT Routing Components TypeScript Any native .. .. interface .. UI component .. library Any JS library Live Reload Over-the-air updates Zero Day Support

slide-13
SLIDE 13

NativeScript

N

slide-14
SLIDE 14

React Native

R

slide-15
SLIDE 15

React Native

R

... public class ReactButtonManager extends SimpleViewManager<ReactButtonView> { public static final String REACT_CLASS = "RCTButtonView"; @Override public String getName() { return REACT_CLASS; } @Override public ReactButtonView createViewInstance(ThemedReactContext context) { return new ReactButtonView(context, new Button(), mCallerContext); } ... }

slide-16
SLIDE 16

NativeScript

N

... export class MyButton extends MyButtonBase { // added for TypeScript intellisense. nativeView: android.widget.Button; public createNativeView(): Object { // Initialize ClickListener. initializeClickListener(); // Create new instance of android.widget.Button. const button = new android.widget.Button(this._context); // set onClickListener on the nativeView. button.setOnClickListener(clickListener); return button; } ... }

slide-17
SLIDE 17

N

slide-18
SLIDE 18

Thanks!

Questions or remarks?

?

slide-19
SLIDE 19

NativeScript

N