HOW REACT NATIVE AND NATIVESCRIPT CHANGE YOUR MOBILE STRATEGY SEBASTIAN

Size: px

Start display at page:

Download "HOW REACT NATIVE AND NATIVESCRIPT CHANGE YOUR MOBILE STRATEGY SEBASTIAN"

Hester Griffith
6 years ago
Views:

1 HOW REACT NATIVE AND NATIVESCRIPT CHANGE YOUR MOBILE STRATEGY SEBASTIAN

2 NATIVE DEVELOPMENT

3 WHY DO I EVEN HAVE TO CHOOSE?

4 THE PROBLEM WHAT WE WANT REALITY

5 DEV SETUP OBJECTIVE- C SWIFT JAVA XAML, C# XCODE ECLIPSE VISUAL STUDIO MAC OS X WINDOWS

6 MULTIPLE DEV TEAMS ASSEMBLING THE TEAM IOS ANDROID WINDOWS PHONE

7 MULTIPLE DEV TEAMS DIFFERING PACE

8 MULTIPLE DEV TEAMS HARD TO SYNC RELEASES

9 NO CODE REUSE DUPLICATE WORK

10 NO CODE REUSE INCONSISTENT RESULTS ROUND(X) => RETURN TRUNCATE(X+0.5) RESUL T = 4 ROUND (3.7) ROUND(X) => RETURN TRUNCATE(X) RESUL T = 3

11 NO CODE REUSE BUGS FRAGMENTATION

12 HIGH COST EXPENSIVE

13 WHAT ARE MY ALTERNATIVES?

14 ALTERNATIVES HYBRID

15 HYBRID

16 HYBRID

17 ALTERNATIVES JAVASCRIPT NATIVE

18 JAVASCRIPT NATIVE POPULAR FRAMEWORKS

19 JAVASCRIPT NATIVE NATIVE UI FOR BOTH ANDROID AND IOS

20 JAVASCRIPT NATIVE UI ABSTRACTION

21 JAVASCRIPT NATIVE EXECUTION AT RUNTIME

22 ALTERNATIVES CROSS-

23 CROSS-COMPILE POPULAR FRAMEWORKS C# Java Ruby

24 CROSS-COMPILE COMPILE TO BINARY C# compile Java compile Ruby compile

25 PROS AND CONS

26 PROS AND CONS NATIVE

27 NATIVE PERFORMANCE

28 NATIVE USER EXPERIENCE

29 PROS AND CONS HYBRID

30 HYBRID WIDE REACH AMAZON FIRE OS ANDROID BLACKBE RRY 10 FIREFOX OS IOS UBUNTU WINDOWS PHONE TIZEN

31 HYBRID MATURE FRAMEWORKS

32 HYBRID WEB CODE REUSE

33 HYBRID PERFORMANCE

34 HYBRID WEB UI!= NATIVE UI

35 PROS AND CONS CROSS-

36 CROSS-COMPILE PICK YOUR LANGUAGE

37 CROSS-COMPILE USE EXISTING LIBRARIES

38 CROSS-COMPILE COMPILE N700 Shinkansen Max speed: 270 km/h Time to reach max speed: 3 minutes

39 CROSS-COMPILE LIMITED CODE SHARING

40 PROS AND CONS JAVASCRIPT NATIVE

41 JAVASCRIPT NATIVE THE OLD GUIDELINES

42 JAVASCRIPT NATIVE INTRODUCING THE NEW GUIDELINES

43 JAVASCRIPT NATIVE LIVESYNC

44 JAVASCRIPT NATIVE 3RD PARTY LIBRARIES

45 JAVASCRIPT NATIVE PLATFORM SPECIFIC KNOWLEDGE

46 JAVASCRIPT NATIVE CSS TO STYLE YOUR APP

47 PROS AND CONS OVERVIEW

48 OVERVIEW HYBRID NATIVE JAVASCRI PT NATIVE CROSS COMPILE D QUICK DEV CYCLE WEB CODE REUSE LIVESYNC NON NATIVE UI PERFORMAN CE PERFORMAN CE NATIVE UI AND UX MULTI PLATFORM CHALLENGE NO SKILL REUSE PERFORMAN CE WEB SKILL REUSE NATIVE UI AND UX CODE REUSE LIVESYNC SOME PLATFORM SPECIFIC CODE PERFORMAN CE NATIVE UI AND UX YOUR OWN LANGUAGE SKILL REUSE PLATFORM SPECIFIC UI TRICKY DEBUGGING

49 THE BIG

50 THE BIG PICTURE DESKTOP / WEB / MOBILE

51 THE BIG PICTURE ANGULAR 2 - PLATFORM AGNOSTIC ARCHITECURE MARK HTML UP PLATFORM AGNOSTIC DOM ADAP PARS COMP COMP TER E5 ILER ILER PROT PROT O VIEW VIEW S PLATFORM SPECIFIC NATIVES RENDER VISUA CRIPT NATIVE ER L RENDER REACT VISUAL TREE NATIVE ER TREE RENDER IONIC 2 RENDER ER ER PLATFORM SPECIFIC ELECTRO N DESK RENDER TOP ER TREE

52 THE BIG PICTURE BUSINESS LOGIC CODE SHARING ANDROI D APP IOS APP WINDOWS UNIVERSAL APP DESKTOP APP WEB APP NATIVESCRIPT / REACT NATIVE / IONIC 2 ELECTRO N WEB BROWSER MOBILE UI DEFINITION DESKTOP UI DEFINITIO N WEB UI DEFINITIO N BUSINESS LOGIC

53 THE BIG PICTURE DEMO ANDROID IOS WEB

54 HOW DOES THAT AFFECT YOUR MOBILE

55 HOW DOES THAT AFFECT YOUR MOBILE STRATEGY? ONE CORE DEV TEAM

56 MOST POPULAR TECHNOLOGIES IN 2016 HOW DOES THAT AFFECT YOUR MOBILE STRATEGY? EASIER HIRING

57 HOW DOES THAT AFFECT YOUR MOBILE STRATEGY? OPTIMAL TEAM SETUP

58 HOW DOES THAT AFFECT YOUR MOBILE STRATEGY? QUICKER TURNAROUND = MORE PRODUCTIVITY

59 HOW DOES THAT AFFECT YOUR MOBILE STRATEGY? ANGULAR 2 -> CODE SHARING BEYOND MOBILE

61 THANK YOU COME AND TALK TO US AT #B37

ArcGIS Runtime: Building Cross-Platform Apps. Rex Hansen Mark Baird Michael Tims Morten Nielsen

ArcGIS Runtime: Building Cross-Platform Apps Rex Hansen Mark Baird Michael Tims Morten Nielsen Agenda Cross-platform review ArcGIS Runtime cross-platform options - Java - Qt -.NET ArcGIS Runtime: Building