Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Pepperoni – A framework for spicing up your mobile apps with React Native

1,519 views

Published on

Tino Junge: Pepperoni - A framework for spicing up your mobile apps with React Native
FutuTalks Munich Beer & Tech

Published in: Software
  • If you’re struggling with your assignments like me, check out ⇒ www.WritePaper.info ⇐. My friend sent me a link to to tis site. This awesome company. After I was continuously complaining to my family and friends about the ordeals of student life. They wrote my entire research paper for me, and it turned out brilliantly. I highly recommend this service to anyone in my shoes. ⇒ www.WritePaper.info ⇐.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Don't forget another good way of simplifying your writing is using external resources (such as ⇒ www.WritePaper.info ⇐ ). This will definitely make your life more easier
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Yes you are right. There are many research paper writing services available now. But almost services are fake and illegal. Only a genuine service will treat their customer with quality research papers. ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Pepperoni – A framework for spicing up your mobile apps with React Native

  1. 1. Tino Junge @tinojunge
  2. 2. Tino Junge @tinojunge Software Engineer @ 

  3. 3. Building Services
  4. 4. Building Apps ?
  5. 5. :( :)
  6. 6. React ?
  7. 7. State
  8. 8. Components TabBar.js
  9. 9. Components TabBar.js
  10. 10. Virtual DOM Components
  11. 11. Action Dispatcher Store View Virtual DOMComponents unidirectional data flow
  12. 12. Virtual DOMComponents
  13. 13. Virtual DOMComponents https://leanpub.com/redux-book
  14. 14. React Native ??
  15. 15. NO mobile web app
 NO HTML5 app
 NO hybrid app
  16. 16. Write JS. Generate native UI.
  17. 17. Cross platform (~90% code sharing)
  18. 18. Live and Hot reloading! Developer Tools
  19. 19. App Bar Tab Bar Navigator
  20. 20. Web API Local cache Login Authentication Continuous Integration Dev tooling
  21. 21. An App Starter Kit for iOS and Android based on React Native
  22. 22. 3318
  23. 23. Apps powered by Team name: KIRJAUDU SISÄÄN Luo tili Unohditko salasanasi? Super Ada Kartta
  24. 24. Basic building blocks Common mobile 
 app features Easily extendable
  25. 25. App Bar Tab Bar Navigator = Login + Sample App
  26. 26. Demo
  27. 27. Navigation NavigatorIOS Navigator NavigationExperimental
  28. 28. React-Navigation reactnavigation.org Native Stack- and Tab-Navigation with 60fps
  29. 29. React-Navigation reactnavigation.org Material design
 for Android Bottom Tab Nav + Icons
  30. 30. State management
  31. 31. State management
  32. 32. State management
  33. 33. State management
  34. 34. State management
  35. 35. State management
  36. 36. State management
  37. 37. Testing + enzyme
  38. 38. Web API Local cache Login Infrastructure Continuous Integration Dev tooling
  39. 39. ? Crash reporting + beta distribution Still in progress Deployment pipeline UWP support Universal Windows platform Sample App ….
  40. 40. Why do I need it?
  41. 41. Redux Immutable i18n Web API USP ignite redux-saga seemless- immubtable yes yes CLI generators snowflake redux-thunk immutableJS no yes backend support pepperoni redux-loop immutableJS no yes minimalistic React Native Starter Kits
  42. 42. ++ JS/React devs + Native (iOS, Android) devs Is it for me?
  43. 43. Slim starter kit with focus on essentials Why Pepperoni ?
  44. 44. Powered by spiceprogram.org
  45. 45. getpepperoni.com powered by
  46. 46. Tino Junge @tinojunge Thank you getpepperoni.com I FEEDBACK

×