Pepperoni 2.0 - How to spice up your mobile apps
Transcript of Pepperoni 2.0 - How to spice up your mobile apps
![Page 1: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/1.jpg)
Tino Junge@tinojunge
![Page 2: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/2.jpg)
What do these apps have in common?
![Page 3: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/3.jpg)
App Bar
Tab Bar
Navigator
![Page 4: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/4.jpg)
Web API
Local cache
Login
Authentication
Infrastructure
Continuous Integration
Dev tooling
![Page 5: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/5.jpg)
An App Starter Kit for iOS and Android based on React Native
![Page 6: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/6.jpg)
Basic building blocks
Common mobile app features
Easily extendable
![Page 7: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/7.jpg)
Web API
Local cache
Login
Infrastructure
Continuous Integration
Dev tooling
![Page 8: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/8.jpg)
?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](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/9.jpg)
2695
![Page 10: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/10.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/11.jpg)
Why React Native?
![Page 12: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/12.jpg)
NO mobile web appNO HTML5 app NO hybrid app
![Page 13: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/13.jpg)
Write JS. Generate native UI.
![Page 14: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/14.jpg)
What was React again?
![Page 15: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/15.jpg)
Components
![Page 16: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/16.jpg)
Virtual DOM
Components
![Page 17: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/17.jpg)
Action Dispatcher Store View
Virtual DOMComponents
State
![Page 18: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/18.jpg)
Virtual DOMComponents
![Page 19: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/19.jpg)
How does it work?
![Page 20: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/20.jpg)
App Bar
Tab Bar
Navigator
=Login
+
Sample App
![Page 21: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/21.jpg)
Demo
![Page 22: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/22.jpg)
What’s the dev experience?
![Page 23: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/23.jpg)
Easy setup. Fast results.
![Page 24: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/24.jpg)
Live and Hot reloading!
![Page 25: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/25.jpg)
Fast JS Testing with Jest
![Page 26: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/26.jpg)
Developer Tools
![Page 27: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/27.jpg)
~90% code sharing.
![Page 28: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/28.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/29.jpg)
Get native super powers as a web dev
Why React native ?
![Page 30: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/30.jpg)
Slim starter kit with focus on the essentials
Why Pepperoni ?
![Page 31: Pepperoni 2.0 - How to spice up your mobile apps](https://reader031.fdocuments.in/reader031/viewer/2022030213/589d505e1a28abd3338b7081/html5/thumbnails/31.jpg)
Learn something new. Extend your skill set. Ship your ideas fast.
Why you ?