Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Server-Driven UI na prática
Search
Ezequiel dos Santos
October 28, 2020
Programming
0
690
Server-Driven UI na prática
Ezequiel dos Santos
October 28, 2020
Tweet
Share
More Decks by Ezequiel dos Santos
See All by Ezequiel dos Santos
Fruta Feia – ICT in Circular Food Networks: A Scoping Review
ezefranca
0
9
[Segah 2025] Gamified Interventions for Composting Behavior in the Workplace
ezefranca
0
220
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
ezefranca
1
420
Comparative Analysis of AI Models in Managing Household Food Waste: OpenAI GPT-4, Google Gemini, Mistral, and Anthropic Claude
ezefranca
0
590
Decision-making algorithms and Planning Algorithms
ezefranca
1
480
Dependency Management in iOS Development: A Developer Survey Perspective
ezefranca
0
540
Mestrado: Gestos e jogos: reflexões e desenvolvimento de um sistema de detecção de gestos baseado em wearables para controle de jogos
ezefranca
0
760
Modelo Clássico e Jogos (Jesper Jull) e exergames.
ezefranca
0
540
Server Driven UI Diferença e evolução em 2010 e 2020
ezefranca
0
2k
Other Decks in Programming
See All in Programming
Towards Transactional Buffering of CDC Events @ Flink Forward 2025 Barcelona Spain
hpgrahsl
0
120
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
120
CSC305 Lecture 10
javiergs
PRO
0
290
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
340
CSC509 Lecture 06
javiergs
PRO
0
270
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
1.8k
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
980
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
870
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
310
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
2
1.6k
Pythonに漸進的に型をつける
nealle
1
130
マンガアプリViewerの大画面対応を考える
kk__777
0
380
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
A designer walks into a library…
pauljervisheath
209
24k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
GraphQLとの向き合い方2022年版
quramy
49
14k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
YesSQL, Process and Tooling at Scale
rocio
173
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Transcript
Server Driven UI na prática Ezequiel França
Ezequiel França / / linkedin.com/in/ezefranca / / ezefranca.github.io
Aplicativo Dados (JSON) Fundamentos
None
Meu Aplicativo maneiro. Parse do JSON também contém apresentaçao Fundamentos
None
Vantagens - Clientes/Frontends devem saber o mínimo da regra de
negócio. - Atualização de features não depende da pessoa atualizar o aplicativo. - Testes A/B, diferentes fluxos e feature toggle.
Server Driven UI 101 http://bit.ly/server-driven-ui
No mercado E muitos outros...
Na prática
Vantagens - CheckBox - ComboBox - CheckBox com imagem ou
vídeo - ComboBox com imagem ou vídeo -
None
None
None
None
None
None
None
None
None
Por que Server Driven UI?
Design System
None
None
UI Declarativas
https://medium.com/@anacoimbrag
Declarative UI - MIT 2006 http://courses.csail.mit.edu/6.831/archive/2006/lectures/L9.pdf
Declarative UI
Declarative UI x Procedural UI
Demonstração
As dores...
https://eng.uber.com/uber-freight-app-architect ure-design/
None
None
None
None
None
Vantagens
None
None
None
SERVER DRIVEN UI
None
None
None
None
None
SERVER DRIVEN UI
None
None
Demonstração
https://github.com/ZupIT/beagle-adoption-demo
#VEMPRAZUP Temos vagas!! #VempraZup Tire foto do QR Code para
ver as oportunidades. zup.com.br/vagas
Ezequiel França / / linkedin.com/in/ezefranca / / ezefranca.github.io