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
Aplicações Real-time com Phoenix LiveView
Search
Alessandro Dias Batista
September 23, 2025
Programming
0
3
Aplicações Real-time com Phoenix LiveView
Slides usados no minicurso da Softweek 2025 na faculdade Campo real
Alessandro Dias Batista
September 23, 2025
Tweet
Share
More Decks by Alessandro Dias Batista
See All by Alessandro Dias Batista
Aprenda http criando seu server
adbatista
0
11
GURUPI - Conhecendo Phoenix Liveview
adbatista
0
12
Ciclo de trabalho Ágil
adbatista
1
52
Ruby e o Mercado de trabalho
adbatista
0
190
Turbolinks 101
adbatista
0
110
Other Decks in Programming
See All in Programming
なぜGoのジェネリクスはこの形なのか? - Featherweight Goが明かす設計の核心
qualiarts
0
250
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
260
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
contribution to astral-sh/uv
shunsock
0
530
Migration to Signals, Resource API, and NgRx Signal Store
manfredsteyer
PRO
0
120
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.5k
CSC509 Lecture 08
javiergs
PRO
0
250
CSC305 Lecture 09
javiergs
PRO
0
310
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
650
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
Introduce Hono CLI
yusukebe
6
3.1k
Featured
See All Featured
Code Review Best Practice
trishagee
72
19k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Being A Developer After 40
akosma
91
590k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Side Projects
sachag
455
43k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Transcript
Aplicações real-time com Phoenix LiveView
Alessandro Dias 12 anos trabalhando com desenvolvimento web Trabalhei na
Codeminer de 2014 até 2024
Anos 90 • Era tudo mato • A internet estava
começando • Sites estáticos • Conexões HTTP não eram persistentes • Navegar entre páginas em sites era lento • One piece começa • Ajax é proposto
None
Anos 2000 • Server-sent events • Surge o HTML5 •
Surge Websockets • Surge o HTTP2 • Elixir é criado (2012) • Phoenix é criado (2014) • Phoenix LiveView é criado (2019)
O que é uma aplicação real time? É uma aplicação
em que as informações são entregues da maneira mais rápida possível. Exemplo: • WhatsApp • Notificações do Ifood • Google docs • Twitch
Técnicas para replicar comportamento realtime
Pooling Long Pooling Server-Sent Events (SSE) Websockets
None
None
Phoenix LiveView é uma biblioteca que fornece experiência de usuário
realtime com renderização do lado do servidor, através de comunicação via WebSocket, necessitando de mínima escrita de Javascript e nenhuma em alguns casos.
message: search params: "text to search"
message: search params: "text to search" json {.....}
Vamos ao código
https://github.com/adbatista/Sofweek2025
Rode os comandos mix setup mix phx.server
Abra o navegador http://localhost:4000/
Tela do Chat
Template do chat
None
Tratando os eventos
None
None
Atualizando as janelas de todos usuários ativos no chat
None
None
None
None
None
Obrigado LinkedIn adbatista.github.io