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
1
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
9
GURUPI - Conhecendo Phoenix Liveview
adbatista
0
11
Ciclo de trabalho Ágil
adbatista
1
50
Ruby e o Mercado de trabalho
adbatista
0
190
Turbolinks 101
adbatista
0
110
Other Decks in Programming
See All in Programming
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
920
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
940
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
380
CSC305 Lecture 01
javiergs
PRO
1
400
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
590
Le côté obscur des IA génératives
pascallemerrer
0
120
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
170
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
230
Model Pollution
hschwentner
1
180
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
12k
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1.1k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Designing Experiences People Love
moore
142
24k
How GitHub (no longer) Works
holman
315
140k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
BBQ
matthewcrist
89
9.8k
Building an army of robots
kneath
306
46k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Become a Pro
speakerdeck
PRO
29
5.5k
Thoughts on Productivity
jonyablonski
70
4.9k
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