Apresentado na React Conf Brasil, em São Paulo, 7 de Outubro de 2017 #reactconfbr João Vitor Gonçalves é desenvolvedor web na Movile em Campinas, São Paulo, Brasil. https://github.com/joao-goncalves-movile - Patrocínio: Pipefy, Globo.com, Meteor, Apollo, Taller, Fullcircle, Quanto, Udacity, Cubos, Segware, Entria - Apoio: Concrete, Rung, LuizaLabs, Movile, Rivendel, GreenMile, STQ, Hi Platform - Promoção: InfoQ, DevNaEstrada, CodamosClub, JS Ladies, NodeBR, Training Center, BrazilJS, Tableless, GeekHunter - Afterparty: An English Thing

1. Show do Milhão
Progressive Web APP
João Vitor Araki Gonçalves 2017

3. Why a Progressive Web App?

4. ● 4x user engagement
● 100% more conversions
● Considerably less data usage
The claims

5. What’s a PWA?
● Reliable
● Fast
● Engaging

6. Reliable

8. Engaging

10. Fast

12. How?

13. No!

14. ● Pages are responsive on tablets and
mobile devices
● Site works cross-browser
● First load fast even on 3G

15. What about the other features?

16. manifest.json
{
"short_name": "Show do Milhão",
"name": "Show do Milhão",
"icons": [
...
],
"start_url": "/"
}

17. ● Home screen icon
● Fullscreen, portrait, landscape
● Automatic add to home screen banner
manifest.json

18. serviceworker.js
● Simple javascript code
● Under 100 lines that will handle all offline
caching automatically!

19. ● Web pushs
serviceworker.js

21. create-react-app has PWA
support by default!

22. Try it out, it’s free!
https://quiz.showdomilhao.com.br
Contacts:
joao-araki-goncalves
joaovitor.goncalves.5815
joao.goncalves@movile.com