Download - Master App - Porque menos é mais!
![Page 1: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/1.jpg)
Master App
Turbolinks 5Eu não posso acreditar que não é
nativo!
![Page 2: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/2.jpg)
Quem somos?
![Page 3: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/3.jpg)
Menos
é Mais
![Page 4: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/4.jpg)
Por que?
![Page 5: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/5.jpg)
https://soundcloud.com/movimento-ux/sergiosalvador
![Page 6: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/6.jpg)
"Artista é alguém que projeta algo e que não resolve um
problema real."
![Page 7: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/7.jpg)
![Page 8: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/8.jpg)
https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f
![Page 9: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/9.jpg)
![Page 10: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/10.jpg)
![Page 11: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/11.jpg)
![Page 12: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/12.jpg)
![Page 13: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/13.jpg)
![Page 14: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/14.jpg)
![Page 15: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/15.jpg)
![Page 16: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/16.jpg)
![Page 17: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/17.jpg)
![Page 18: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/18.jpg)
![Page 19: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/19.jpg)
![Page 21: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/21.jpg)
![Page 22: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/22.jpg)
Como voltar paraera de ouro?
![Page 23: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/23.jpg)
Turbolinks 5!
![Page 24: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/24.jpg)
O que é?Onde vive? O que come?
![Page 25: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/25.jpg)
Otimiza a navegação automaticamente.Não há necessidade de anotar os links ou especificar quais partes da página devem ser alteradas.
![Page 26: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/26.jpg)
Nenhuma cooperação necessária no lado do servidor.Responde com páginas HTML completas, nada de fragmentos de página ou JSON.
![Page 27: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/27.jpg)
<body>
<head>
Uma página:
![Page 28: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/28.jpg)
<body>
<head>
<body>Replace
no <body>
<head>Merge
do <head>
O que o Turbolinks faz:
<body>
<head>
![Page 29: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/29.jpg)
Respeita a Web.Os botões Voltar e Recarregar funcionam exatamente como você espera. Search engine-friendly by design.
![Page 30: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/30.jpg)
Suporta mobile apps.Os containers iOS e Android permitem que você crie aplicativos híbridos usando recursos e controles de navegação nativos.
![Page 31: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/31.jpg)
![Page 32: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/32.jpg)
Instalação/Uso
![Page 33: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/33.jpg)
Rails
![Page 34: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/34.jpg)
rails new ProjectName --skip-turbolinks
![Page 35: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/35.jpg)
rails new ProjectName --skip-turbolinks
![Page 36: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/36.jpg)
![Page 37: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/37.jpg)
Site estático
![Page 38: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/38.jpg)
![Page 39: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/39.jpg)
Overview do Projeto
![Page 40: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/40.jpg)
![Page 41: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/41.jpg)
Executando o servidor de arquivos estáticos
![Page 42: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/42.jpg)
![Page 43: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/43.jpg)
Request - Response
![Page 44: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/44.jpg)
![Page 45: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/45.jpg)
Instalando e Habilitando o Turbolinks
![Page 46: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/46.jpg)
![Page 47: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/47.jpg)
Cache automático
![Page 48: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/48.jpg)
![Page 49: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/49.jpg)
Navegando programaticamente
![Page 50: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/50.jpg)
![Page 51: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/51.jpg)
Desabilitando o Turbolinks
![Page 52: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/52.jpg)
![Page 53: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/53.jpg)
Atenção!Mudança de paradigma
![Page 54: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/54.jpg)
![Page 55: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/55.jpg)
![Page 56: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/56.jpg)
![Page 57: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/57.jpg)
![Page 58: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/58.jpg)
Se lembra do cache?
![Page 59: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/59.jpg)
![Page 60: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/60.jpg)
![Page 61: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/61.jpg)
Quer mais?
![Page 62: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/62.jpg)
![Page 63: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/63.jpg)
![Page 64: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/64.jpg)
Nosso caseMaster App
![Page 65: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/65.jpg)
Menos
é Mais
![Page 66: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/66.jpg)
![Page 67: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/67.jpg)
![Page 69: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/69.jpg)
Rails Tips
![Page 70: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/70.jpg)
Variants: Use e abuse!
![Page 71: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/71.jpg)
redirect_to(…, turbolinks: :advance)
![Page 72: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/72.jpg)
redirect_to(…, turbolinks: :advance)
![Page 73: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/73.jpg)
redirect_to(…, turbolinks: :advance)
![Page 74: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/74.jpg)
turbolinks-ios: O que?
Da documentação:
“Build high-fidelity hybrid apps with native navigation and a single shared web view”
![Page 75: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/75.jpg)
turbolinks-ios: Como?
App Session Visitablevisit
● Cria, gerencia única instância de WebView
● Avisa○ link taps○ network errors.
● Contém:○ WebView container○ Pull to refresh○ Loading
![Page 76: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/76.jpg)
turbolinks-ios: Como?
App Session Visitablevisit
1.Usuário da um tap em um link
2.turbolinks-ios intercepta click no link e notifica App através do Session
3.App decide o que fazera. Visit na próxima tela (push, present, dismiss, pop)
b. Mostar tela nativa
c. ...
![Page 77: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/77.jpg)
![Page 78: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/78.jpg)
Outras comunidades
![Page 79: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/79.jpg)
Elixir / Phoenix Framework
![Page 80: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/80.jpg)
Elixir / Phoenix Framework
![Page 81: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/81.jpg)
Laravel, Vue.js
![Page 82: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/82.jpg)
Gitlab
![Page 83: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/83.jpg)
Conclusão
![Page 84: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/84.jpg)
Operação enxutaIncremente as partes nativas apenas em
funcionalidades que se provam necessárias!
Proporção 90% Responsivo e 10% Nativo (Menus, navegação).
Monolith First.
![Page 85: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/85.jpg)
Rollout (quase) realtime.Mesmo tendo partes nativas, a aprovação na Apple Store tende a ser mais rápida.
Facilita uso de teste A/B.
Operação enxuta
![Page 86: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/86.jpg)
SEO Friendly:Não tem o problema de Server Rendering (comum
em SPAs).Estratégia do Desktop é refletida no msite.
Analytics Friendly tagueamento pode ser reutilizado entre diferentes plataformas.
Operação enxuta
![Page 87: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/87.jpg)
ProgressiveWeb Apps.
Turbolinks 5
![Page 88: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/88.jpg)
Não existe bala de prata!Server (Monolith First)
Excesso de responsabilidades.
O mesmo bug poderá afetar todas as plataformas.
Se mal feito, aumentará o custo de manutenção e infra.
UX:Não terá exatamente o mesmo look and feel de um App 100% nativo.
Não terá a mesma performance de um App 100% nativo.
![Page 89: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/89.jpg)
Bill Gross: A maior razão pela qual startups obtêm sucesso | TED Talk
https://www.ted.com/talks/bill_gross_the_single_biggest_reason_why_startups_succeed?language=pt-br
![Page 90: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/90.jpg)
![Page 91: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/91.jpg)
https://www.ted.com/talks/bill_gross_the_single_biggest_reason_why_startups_succeed?language=pt-br
![Page 92: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/92.jpg)
![Page 93: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/93.jpg)
Menos
é Mais
![Page 94: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/94.jpg)
![Page 97: Master App - Porque menos é mais!](https://reader038.vdocuments.pub/reader038/viewer/2022102609/58ed41391a28ab83268b4687/html5/thumbnails/97.jpg)
"Se quer ir rápido, vá sozinho.Se quer ir longe, vá em grupo."
-- Provérbio africano
Obrigado!
themasterapp.xyz
[email protected]@gmail.com
github.com/themasterapp