Creating a dashboard with Laravel, Vue and Pusher

Freek Van der Herten (15.Feb.2018 at 13:30, 1 hr )
Talk at PHP UK Conference 2018 (English - US)

Rating: 4 of 5

Building a realtime dashboard is probably something every developer wants to do at one point. In this talk I'll explain how we leveraged both Laravel 5.5 and Vue to build the dashboard. After demonstrating the dashboard itself we'll take a deep dive in the code. We'll take a look at the entire flow: the grid system, how events are broadcasted using Pusher, some cool Vue mixins and much more. After this talk you'll be able to setup your own dashboard using our open sourced code.
Level: Intermediate

Who are you?

Claim talk

Talk claims have been moved to the new Joind.in site.

Please login to the new site to claim your talk

Want to comment on this talk? Log in or create a new account or comment anonymously

Write a comment

 
Please note: you are not logged in and will be posting anonymously!
= four plus seven

Comments

Rating: 5 of 5

15.Feb.2018 at 14:15 by Jessica Smith (5 comments) via Web2 LIVE

I have never seen anyone give such confident live demos using hardware and software on conference wifi. It's a testament to the work and concepts being demo'd that it worked so well. Brilliant talk and well presented.

Rating: 5 of 5

15.Feb.2018 at 14:51 by Leroy Shirto (3 comments) via Web2 LIVE

Great talk!

Rating: 5 of 5

15.Feb.2018 at 15:06 by Chris Stretton (1 comments) via Web2 LIVE

It was a great talk, very useful. I'll be using it a lot. :)

Rating: 5 of 5

15.Feb.2018 at 18:58 by Morten Bergset (36 comments) via Web2 LIVE

Great talk, Freek!
Your confidence with live demo is amazing. I will send you a picture when we have the dashboard live at work :-)

Rating: 3 of 5

16.Feb.2018 at 09:27 by David Yell (115 comments) via Web2 LIVE

Sorry I fell asleep!

Rating: 4 of 5

16.Feb.2018 at 11:25 by Matt Dawkins (36 comments) via Web2 LIVE

Excellent. Some really useful stuff here. My only criticism would be that for beginners there was no info on how to actually compile those Vue components, so while it was a great introduction there would still be a barrier to novices trying it out for themselves.

Rating: 3 of 5

17.Feb.2018 at 13:07 by Matthew Taylor (4 comments) via Web2 LIVE

Good talk, right level of detail for a varied skill level and impressive live demo.

Rating: 4 of 5

17.Feb.2018 at 18:13 by Chris Sherry (80 comments) via Web2 LIVE

An extremely impressive live demo - to be that confident in the system running over conference wifi demonstrated how well it works.

There is a lot to cover in this system, with PHP, Pusher and Vue, I think it is hard to get a good balance across all 3 enough for someone to walk away from the talk feeling like they understand how it all works, particularly as a PHP developer if you are not familiar with Vue.

Because of this, I wonder whether perhaps there should be less focus on how the internals work or the existing widgets work, and more focus on how to get it running and how to make a new widget for it. The rest could be explored via other mediums (such as the excellent blog post that already exists).

Many thanks to Freek and the Spatie team for another great open source project. I hope to share the code for the custom widgets I have made for this dashboard in the coming weeks.

Rating: 5 of 5

18.Feb.2018 at 14:49 by Neil Nand (44 comments) via Web2 LIVE

It's not often there's a talk at a conference that shows how a working application is built through the whole technology stack, I really enjoyed it.

© Joind.in 2018