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
460
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
An Introduction to Snapshot testing
freekmurze
0
210
Event Sourcing In Laravel
freekmurze
0
140
A tour behind the scenes of Oh Dear (PHP Benelux)
freekmurze
1
490
A practical look at multitenancy in Laravel
freekmurze
1
240
A practical look at multitenancy in Laravel (Laracon US)
freekmurze
0
450
Highlights Flare codebase (Laracon online)
freekmurze
0
180
Introducing Mailcoach
freekmurze
1
380
Highlights from the Flare codebase (Full Stack Ghent)
freekmurze
0
420
Highlights from the Flare codebase (laracon AU)
freekmurze
0
150
Other Decks in Programming
See All in Programming
I/O Extended 2022 in Android ~ Whats new in Android development tools
pluu
0
570
Angular-basierte Micro Frontends mit Module Federation @API Summit
manfredsteyer
PRO
0
120
Java初心者が知っておくべきプログラミングのこと - JJUG CCC 2022 Spring
kishida
5
560
開発速度を5倍早くするVSCodeの拡張機能を作った
purp1eeeee
2
170
Managing Error Messages with your Oracle Database REST APIs
thatjeffsmith
0
160
マルチプロダクト×非構造化データ×機械学習を支えるデータ信頼性
akino
0
160
Meet Swift Regex
usamik26
0
370
git on intellij
hiroto_kitamura
0
170
Imperative is dead, long live Declarative! | Appdevcon
prof18
0
110
Cybozu GoogleI/O 2022 LT会 - Input for all screens
jaewgwon
0
400
GoogleI/O2022 LT報告会資料
shinsukefujita1126
0
410
Chart実装が楽になりました。
keisukeyamagishi
0
120
Featured
See All Featured
Optimizing for Happiness
mojombo
365
63k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
The Art of Programming - Codeland 2020
erikaheidi
32
11k
A Modern Web Designer's Workflow
chriscoyier
689
180k
How to name files
jennybc
40
61k
Building Better People: How to give real-time feedback that sticks.
wjessup
344
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
How to train your dragon (web standard)
notwaldorf
58
3.9k
Rebuilding a faster, lazier Slack
samanthasiow
62
7.2k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
The Language of Interfaces
destraynor
148
20k
Mobile First: as difficult as doing things right
swwweet
213
7.5k
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