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

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 NativeScript Runtime

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

NativeScript N var button = Button button = new android.widget.Button(getApplicationContext()) new Button(getApplicationContext()); JavaScript Engine calls native API accesses native objects App code Hooks Dispatcher System NativeScript Runtime

NativeScript N var button = Button button = new android.widget.Button(getApplicationContext()) new Button(getApplicationContext()); JavaScript Engine calls native API accesses native objects calls callback function calls JavaScript App code Hooks Dispatcher System functions NativeScript Runtime

NativeScript N JavaScript Engine Button ListView FileSystem App code Modules Hooks Dispatcher System NativeScript Runtime

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

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

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

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

NativeScript N

React Native R

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); } ... }

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; } ... }

N

Thanks! ? Questions or remarks?

NativeScript N