Freek Van der Herten's blog on PHP, Laravel and JavaScript

This package can add comments to your rendered HTML output. For each Blade view that was used to build up the response, it adds start and ending comments.

Using Laravel Vite to automatically refresh your browser when changing a Blade file

Jun 29th 2022 by Freek Van der Herten – 2 minute read

Yesterday, the Laravel team released the vite-plugin. Going forward, Vite will become the standard build tool for Laravel apps.

One of the cool features of this Vite integration is that you'll get hot reloading by default. Whenever you run Vite with npm dev and modify a JS or CSS file, Vite will automatically recompile the assets and refresh your browser. This way, you won't have to refresh your browser manually after making a change.

Wouldn't it be cool if this automatic refresh would work when we're changing a Blade file?

Extensible Blade Components

May 17th 2022 – tighten.com - submitted by Jamison Valenta

In this post, Marcus explains the fundamentals of Blade components. A great introduction or review, this post walks you through the process of creating an extensible button component that contains the code common between button types, with additional interactivity powered by Alpine.

Exploring Blade internals

Oct 25th 2021 - submitted by Liam Hammett

Liam Hammet explores the inner workings of Blade.

You will find all videos in this playlist on YouTube.

PHP-Doc in Blade-Views

Feb 8th 2021 – gummibeer.dev - submitted by Tom Witkowski

How to use PHP-doc tags for better autocompletion in Blade views.

Using macros with Blade component attributes

Feb 3rd 2021 – twitter.com

💡 Advanced @laravelphp tip!

If you're using the $attributes variable in a Blade Component, you're using the ComponentAttributeBag class, which is macroable 😏

I wrote a macro to dynamically toggle classes by accepting an array, just like v-bind:class in Vue.js! #Laravel #PHP pic.twitter.com/Uis7hykv20
— Pascal Baljet (@pascalbaljet) February 3, 2021

Highlight Laravel Blade Templates with Highlight.php

Jan 13th 2021 – ryangjchandler.co.uk

Out of the box, Highlight.php doesn't support Laravel Blade templates. I'll show you how to register a custom syntax so that you can start highlighting your Blade content.

A Blade component to render Webmentions

Dec 17th 2020 – gummibeer.dev

Nice work by Tom Witkowski.

Using Blade components for handling layouts

Jul 30th 2020 by Freek Van der Herten – 1 minute read

Blade components are a wonderful feature of Laravel. In most examples you can see them being used for small UI elements. Did you know you can use them for layouts as well? Want to see more videos like this one? Head over to the Readable Laravel video series on our website.

Introducing Blade UI Kit

Jun 13th 2020

Dries Vints was a guest on my stream. He shared his newest project, called Blade UI Kit.

Using Blade components for layouts

Apr 10th 2020

🔥 You can use @laravelphp’s Blade components for layouts too. Way cleaner than extending imho. pic.twitter.com/Ol29sCsOci
— Freek Van der Herten (@freekmurze) April 10, 2020

Some cool Laravel 7 Blade components

Apr 2nd 2020 by Freek Van der Herten – 3 minute read

One of my favourite new features of Laravel 7 are Blade components. The allow you to define custom html tags that are backed by Blade partials. In this blogpost I'd like to show you a couple very handy components.

This blogpost assumes that you already know how you can use Blade components.

Blade Heroicons

Apr 1st 2020 – driesvints.com - submitted by Dries Vints

A package by Dries Vints to easily make use of the Heroicons built by Steve Schoger & Adam Wathan in your Laravel Blade views.

Pass data to the main Blade layout

Jan 5th 2020 – twitter.com

TIL: in @laravelphp blade you can pass data up the main layout you are extending #laravel #php pic.twitter.com/IEWYHv0uyE
— Sidrit Trandafili (@strandafili) 23 december 2019

Supercharging common controllers

Aug 21st 2019 by Freek Van der Herten – 2 minute read

From time to time our team needs to create fairly complicated CRUD interfaces from scratch. While this isn't rocket science, there surprisingly aren't that many good resource out there on how to do this. That's why our team dove in and published a couple of packages that can help create modern CRUD…