Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Building a realtime dashboard with Laravel Livewire (PHPKonf)
Freek Van der Herten
December 12, 2020
Programming
0
530
Building a realtime dashboard with Laravel Livewire (PHPKonf)
Freek Van der Herten
December 12, 2020
Tweet
Share
More Decks by Freek Van der Herten
See All by Freek Van der Herten
I shall define this only once
freekmurze
0
240
An Introduction to Snapshot testing
freekmurze
0
250
Event Sourcing In Laravel
freekmurze
0
160
A tour behind the scenes of Oh Dear (PHP Benelux)
freekmurze
2
540
A practical look at multitenancy in Laravel
freekmurze
1
250
A practical look at multitenancy in Laravel (Laracon US)
freekmurze
0
500
Highlights Flare codebase (Laracon online)
freekmurze
0
220
Introducing Mailcoach
freekmurze
1
420
Highlights from the Flare codebase (Full Stack Ghent)
freekmurze
0
450
Other Decks in Programming
See All in Programming
AWSにおける標的型Bot対策
hacomono
0
420
Remix + Cloudflare Pages + D1 で ポケモン SV のレンタルチームを検索できるアプリを作ってみた
kuroppe1819
4
1.3k
ちょうぜつ改め21世紀ふつうのソフトウェア設計
tanakahisateru
7
6.4k
僕が考えた超最強のKMMアプリの作り方
spbaya0141
0
180
コンピュータビジョンセミナー2 / computer_vision_seminar_libSGM
fixstars
0
320
なぜRubyコミュニティにコミットするのか?
luccafort
0
310
子育てとEMと転職と
_atsushisakai
1
410
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
220
フロントエンドで 良いコードを書くために
t_keshi
3
1.6k
Amazon QuickSightのアップデート -re:Invent 2022の復習&2022年ハイライト-
shogo452
0
220
Gradle build: The time is now
nonews
1
470
Step Functions Distributed Map を使ってみた
codemountains
0
100
Featured
See All Featured
Six Lessons from altMBA
skipperchong
15
2.3k
Thoughts on Productivity
jonyablonski
49
2.7k
Designing for Performance
lara
600
65k
Why Our Code Smells
bkeepers
PRO
326
55k
What's in a price? How to price your products and services
michaelherold
233
9.7k
Stop Working from a Prison Cell
hatefulcrawdad
263
18k
How to Ace a Technical Interview
jacobian
270
21k
Ruby is Unlike a Banana
tanoku
93
9.5k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Building Applications with DynamoDB
mza
85
5k
Building Better People: How to give real-time feedback that sticks.
wjessup
346
17k
Transcript
Building a real time dashboard with Laravel & Livewire
About me Freek Van der Herten Partner & developer at
SPATIE @freekmurze freek.dev spatie.be/prodcuts ohdear.app f l areapp.io
Open source ± 300 packages on Packagist ± 105 000
000 downloads total ± 5 500 000 downloads a month
https://spatie.be/open-source
https://spatie.be/open-source
Our dashboard
None
None
None
None
None
None
Introducing Laravel Dashboard
Laravel Dashboard A free open source package Takes care of
positioning of tiles, and state Tiles themselves are separate packages Livewire components
Livewire Made by Caleb Porzio Server rendered partials No /
minimal JavaScript knowledge necessary Refresh through polling laravel-livewire.com
Demo
Comparing WebSockets/Vue to Livewire
Our previous dashboard WebSockets to transmit new data Tiles rendered
with Vue A single Laravel app
WebSockets/Vue + realtime + no meaningful extra load when connecting
client - tech stack more complicated, WebSockets server needed - potentially display old data - build proces
Livewire + simple tech stack, just an app and a
db + easy to package up tiles, only PHP knowledge needed + up to date from f i rst render - not realtime, but close - load on server increases with every user - Livewire isn’t an industry standard like WebSockets/Vue (yet)
In closing
Laravel Dashboard Easy to use package Set up a dashboard
in no time Extensive documentation docs.spatie.be/laravel-dashboard
One more thing…
spatie.be/videos/laravel-package-training
Laravel Package Training Learn to build framework agnostic PHP /
Laravel packages Best practices GitHub Actions Package source dives 4 hours of quality content
Discount spatie.be/products?referrer=phpkonf 20% discount
Thank you! freek.dev @freekmurze