-universal

Wendelin Peleska

Share as much code

as possible for

• Web (react)
• iOS (react-native)
• Android (react-native)

Share everything

• API connection
• Logic
• Views
• Styles

For special cases

• Write own JS files for platforms
  • .web.js
  • .native.js
  • .android.js
  • .ios.js
• Write native code and integrate it into the app
  • Swift / Objective-C (but we would prefer Swift of course)
  • Java

Advantages

• Change things just on one place with one developer
• Every frontend developer knows the code
  • Not the end of the world (for the product)
    if someone is sick for a long time
• Less code => less maintenance effort
• More time for
  • Tests
  • Code quality
  • Refactoring
  • Dev ops
  • ...
• Translations on one place for all apps
• In future add more platforms faster 
  • Windows 10 app
  • Electron desktop app

Alternatives

• Ionic
  • Uses a webview in the apps
  • Angular

Idea

See code example at

github.com/masterwendu/react-universal-test

Missing parts

• Build apps
  • filter for .native.js or .web.js

Open questions

• How to manage static files?
  • logos, images, icons, splashscreens
• How to manage App specific things like
  • Push notifications
  • Camera API
  • File explorer

Thank you!

Questions?

What do you think?

 

Everyone is going to learn JS now. Right?