Hello, NativeScript Jamie Birch 

What framework do you use to develop mobile apps? 

What about ? 

Why use NativeScript? A 1-minute pitch • use web tech to develop a native app: • HTML, CSS, JS • React, Vue, Angular, Svelte, Solid… JQuery? • Tailwind • access all native APIs via JS NativeScript allows you to: 

A taste of NativeScript The web tech export function HomeScreen({ navigation }) { return ( Hello World! Dialogs.alert("Tapped!")}> Tap me for an alert navigation.navigate("Two", { message: "Hello, world!" })} > Go to next screen ); } 

A taste of NativeScript The native API access export function callPhoneNumber(platform, phoneNumber) { if(platform === "ios"){ UIApplication.sharedApplication.openURLOptionsCompletionHandler( NSURL.URLWithString(`tel://${phoneNumber}`), {}, (success) => console.log(success), ); return; } if(platform === "android"){ Application.android.foregroundActivity.startActivity( new android.content.Intent( android.content.Intent.ACTION_DIAL, android.net.Uri.parse(`tel:${phoneNumber}`), ) ); return; } } 

How does NativeScript work? 

How does NativeScript work? Architecture overview JS→native runtime Similar to App development framework Similar to Depends upon 

How does NativeScript work? The JS→native runtime • It’s a V8-based runtime, like Node.js • It provides 1:1 JS bindings to all iOS or Android APIs • In future, will be an npm library (based on Node-API) • will work on Hermes, QuickJS, JSC, etc. • will work inside React Native, Node.js, Bun, and Deno 

How does NativeScript work? The app development framework • It’s a framework for app dev, like React Native • It implements cross-platform UI components using the NativeScript runtime • These components are then adapted for React, Vue, Angular, etc. 

Enough talk, let’s see a demo 

Blackout Lighting Console, by nStudio (2024) 

How is it run? 

NativeScript joins the OpenJS Foundation (2020) 

Conclusion • NativeScript is a natural tool for building native apps with web tech • It can be used standalone (as an end-to-end app framework) • … or just as a runtime (to access native APIs from JS) • It’s capable • It’s an openly governed community project with 23.8k GitHub stars • Give it a try! 

Profile Tokyo Engineer at NativeScript TSC Chair @birch_js @shirakaba Thanks for watching! Jamie Birch