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
Building a realtime dashboard with Laravel Live...
Search
Freek Van der Herten
December 12, 2020
Programming
0
710
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
Uncharted packages (Laravel Live Denmark)
freekmurze
0
140
I shall define this only once
freekmurze
0
340
An Introduction to Snapshot testing
freekmurze
0
410
Event Sourcing In Laravel
freekmurze
0
210
A tour behind the scenes of Oh Dear (PHP Benelux)
freekmurze
2
750
A practical look at multitenancy in Laravel
freekmurze
1
300
A practical look at multitenancy in Laravel (Laracon US)
freekmurze
0
660
Highlights Flare codebase (Laracon online)
freekmurze
0
400
Introducing Mailcoach
freekmurze
1
570
Other Decks in Programming
See All in Programming
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
260
REXML改善のその後
naitoh
0
190
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
220
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
130
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
420
null or undefined
susisu
24
6.2k
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
How to Break into Reading Open Source
kaspth
1
210
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
4
1.6k
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
130
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.5k
Featured
See All Featured
From Idea to $5000 a Month in 5 Months
shpigford
379
46k
Debugging Ruby Performance
tmm1
72
12k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Gamification - CAS2011
davidbonilla
79
4.9k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
89
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
GitHub's CSS Performance
jonrohan
1029
450k
How STYLIGHT went responsive
nonsquared
93
5.1k
The Pragmatic Product Professional
lauravandoore
31
6.2k
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