33
Tino Junge @tinojunge

Pepperoni 2.0 - How to spice up your mobile apps

Embed Size (px)

Citation preview

Page 1: Pepperoni 2.0 - How to spice up your mobile apps

Tino Junge@tinojunge

Page 2: Pepperoni 2.0 - How to spice up your mobile apps

What do these apps have in common?

Page 3: Pepperoni 2.0 - How to spice up your mobile apps

App Bar

Tab Bar

Navigator

Page 4: Pepperoni 2.0 - How to spice up your mobile apps

Web API

Local cache

Login

Authentication

Infrastructure

Continuous Integration

Dev tooling

Page 5: Pepperoni 2.0 - How to spice up your mobile apps

An App Starter Kit for iOS and Android based on React Native

Page 6: Pepperoni 2.0 - How to spice up your mobile apps

Basic building blocks

Common mobile app features

Easily extendable

Page 7: Pepperoni 2.0 - How to spice up your mobile apps

Web API

Local cache

Login

Infrastructure

Continuous Integration

Dev tooling

Page 8: Pepperoni 2.0 - How to spice up your mobile apps

?Crash reporting

+ beta distribution

Still in progress

Deployment pipeline

Xamarin Test CloudTest automation

Evaluating

Sample App

….

Page 9: Pepperoni 2.0 - How to spice up your mobile apps

2695

Page 10: Pepperoni 2.0 - How to spice up your mobile apps

Apps powered by

Team name:

KIRJAUDU SISÄÄN

Luo tili

Unohditko salasanasi?

Super Ada

Kartta

In Progress

Page 11: Pepperoni 2.0 - How to spice up your mobile apps

Why React Native?

Page 12: Pepperoni 2.0 - How to spice up your mobile apps

NO mobile web appNO HTML5 app NO hybrid app

Page 13: Pepperoni 2.0 - How to spice up your mobile apps

Write JS. Generate native UI.

Page 14: Pepperoni 2.0 - How to spice up your mobile apps

What was React again?

Page 15: Pepperoni 2.0 - How to spice up your mobile apps

Components

Page 16: Pepperoni 2.0 - How to spice up your mobile apps

Virtual DOM

Components

Page 17: Pepperoni 2.0 - How to spice up your mobile apps

Action Dispatcher Store View

Virtual DOMComponents

State

Page 18: Pepperoni 2.0 - How to spice up your mobile apps

Virtual DOMComponents

Page 19: Pepperoni 2.0 - How to spice up your mobile apps

How does it work?

Page 20: Pepperoni 2.0 - How to spice up your mobile apps

App Bar

Tab Bar

Navigator

=Login

+

Sample App

Page 21: Pepperoni 2.0 - How to spice up your mobile apps

Demo

Page 22: Pepperoni 2.0 - How to spice up your mobile apps

What’s the dev experience?

Page 23: Pepperoni 2.0 - How to spice up your mobile apps

Easy setup. Fast results.

Page 24: Pepperoni 2.0 - How to spice up your mobile apps

Live and Hot reloading!

Page 25: Pepperoni 2.0 - How to spice up your mobile apps

Fast JS Testing with Jest

Page 26: Pepperoni 2.0 - How to spice up your mobile apps

Developer Tools

Page 27: Pepperoni 2.0 - How to spice up your mobile apps

~90% code sharing.

Page 28: Pepperoni 2.0 - How to spice up your mobile apps

Deal with native extensions

Style for android and iOS

Bi-weekly RN release cycle

Page 29: Pepperoni 2.0 - How to spice up your mobile apps

Get native super powers as a web dev

Why React native ?

Page 30: Pepperoni 2.0 - How to spice up your mobile apps

Slim starter kit with focus on the essentials

Why Pepperoni ?

Page 31: Pepperoni 2.0 - How to spice up your mobile apps

Learn something new. Extend your skill set. Ship your ideas fast.

Why you ?

Page 32: Pepperoni 2.0 - How to spice up your mobile apps

getpepperoni.com

powered by

Page 33: Pepperoni 2.0 - How to spice up your mobile apps

Tino Junge@tinojunge

Thank you

getpepperoni.com

I FEEDBACK