Unlocking Mobile for @bartolkaruza Web Developers Bartol ... Karuza - Unlocking Mobile for... ·...

Unlocking Mobile for Web Developers

Bartol Karuza@bartolkaruza

A brief recent history of Mobile

2011

Native Mobile

WebSencha

Phonegap

...

Appcelerator

Native

...

Xamarin CrossPlatform

Native, Native, Native ...

Front-end Mobile

Back-end

any application that can be written in JavaScript, will eventually be written in JavaScript

Atwood’s Law

2015

Front-end Mobile

Back-end

What’s Different?

Traction

HTML5 Xcode

React Native Android software development

Data source: Google Trends (www.google.com/trends).

Startups?

TECHRenderers

React

react-dom

react-native native views

react-vr

React Native PackagerMobile App

Packager

Native Code

JS Core

Chrome

Chrome Dev Tools

Layout instructions +View updates

JS Bundle

Debug Instructions

Compile

JSX

Styling

Layout

Unit Testing

Animations

Live

Best PracticeKeep it simple, keep it JS

(as much as possible)

Best PracticeDon’t assume performance;

measure and optimize

Best PracticeRun on both Android and iOS

as often as you can

Best Practice

Contribute back to the community

Thank you

Bartol Karuza@bartolkaruza