PWA e Hybrid App VS Native

  • View
    110

  • Download
    0

  • Category

    Mobile

Preview:

Citation preview

Cos’è una app Native?

Performance API User Experience

Pro Native

Costi alti Troppo tempo Grande impiego di risorse

Contro Native

Cos’è una app Hybrid?

Costi ridotti Sviluppo rapidoCode Sharing

Pro Hybrid

Performance non al top

User Experience Accesso limitato alle API

Contro Hybrid

Cos’è PWA?

Installazione Update Progressive

Pro PWA

Cross browser? iOS? I limiti del web

Contro PWA

whatwebcando.today

Come evolve il mercato

App presenti negli Store

Come sviluppare app hybrid

$ npm install -g cordova ionic$ ionic start myApp tabs$ ionic platform add android$ ionic run android

ionicframework.com/docs

$ npm install -g react-native-cli$ react-native init myApp$ react-native run-android

facebook.github.io/react-native/docs

Casi reali di app hybrid

Instagram

Casi reali di app hybrid

Sworkit

Casi reali di app hybrid

Material Apps Showcase

Qual è il problema?

Come rimediare?

Con le Progressive Web Apps (PWA)

App Shell 1

Service worker

Manifest

2

3

App Shell 1

App Shell 1

Service worker 2

App Shell 1

Service worker

Manifest

2

3

<head>

</head>

pwa.rocks

goo.gl/xrnV86

goo.gl/ziCGM0

Che tecnologia usare?

PWANative Hybrid

Feedback

https://goo.gl/HBXbiL

Recommended