Progressive Web Apps is another buzz term that has appeared across the community in recent last years . Everyone wants to have a PWA version of their application, but what about our beloved Hybrids? We'll demonstrate an end-to-end use case and a POC that was created especially for this topic. http://frontend.sphere.it/

1. PWAs and their
place in order
Mateusz Ziarko, Front-End Tech Lead @ VirtusLab

2. What are the PWAs really?
• typical web apps on steroids
• possible to install almost like native ones
• always up to date by web workers

3. Official words about PWA
Reliable - Load instantly and never show the
downasaur, even in uncertain network conditions.
Fast - Respond quickly to user interactions with silky
smooth animations and no janky scrolling.
Engaging - Feel like a natural app on the device, with
an immersive user experience.
Source: https://developers.google.com/web/progressive-web-apps/

4. What does it exactly mean?

5. What does it exactly mean?
A challange for everybody!

6. How about hybrids?

7. So what to choose?
• both are written using same technologies
• hybrids are more powerful
• PWAs are lightweight

8. The PoC!

9. Stack
• Ionic 3 with Angular
• NGRX
• IndexedDB
• Semantic UI

10. Stack - Under the hood
• Nest.js
• TypeORM
• PostgreSQL

11. The Subject
Flow Stock App

12. Manual flow
• typical form
• standard cross platform navigation
• same actions, reducers and effects as for
automatic flow
• web workers that support updates

13. Automatic flow
• can be triggered only on hybrid
• use Ionic / Cordova API for device camera and
barcode reader
• react for special code types
• works in background & use set of sounds

14. DEMO
Lets get some fun with the app!
https://lemma-pwa-places.herokuapp.com/

15. The conclusions
• choice between PWA and Hybrid. Depends.
• PWAs are a perfect complement to Hybrids and
vice versa
• growing interest of PWAs predicts their bright
future

16. Thanks for listening!
Now it’s your turn. Questions.

17. Thanks for listening!
Got more questions
or don’t want to ask them now?

18. Mateusz Ziarko
Front-End Tech Lead @ VirtusLab
Maksymilian Pamuła
Software Engineer @ VirtusLab
@cyp3r @max_pamula
mziarko@virtuslab.com mpamula@virtuslab.com