Written by Sebastian De Deyne
/ Original link
on Apr. 7, 2021
I’ve been more Alpine lately. Ryan has written a lot of good stuff on Alpine, but his reusable components post is what really got me kickstarted. You should be careful to not abstract too early. If you are finding it difficult to manage your Alpine component from the x-data attribute, this one is…
Written by Sebastian De Deyne
/ Original link
on Apr. 5, 2021
To execute a piece of code when the viewport is a certain size, the first thing that comes to mind is adding a resize event listener to the window object. This is one way, but not always the best. Sometimes the lesser known window.matchMedia API is a better fit. This is the well-known way to trigge…
Written by Sebastian De Deyne
/ Original link
on Apr. 1, 2021
Freek wrote about cleaning up inactive user data from Oh Dear: You want to keep only as little personal data as needed for privacy reasons. You should only collect and keep the absolute minimum of data needed to run your application. This keeps your user’s privacy safe and minimizes the risks for…
Written by Sebastian De Deyne
/ Original link
on Mar. 31, 2021
I can’t count the amount of times I’ve defined an object type with unknown string keys and a specific value type. type Scores = { [key: string]: number; } And despite using it all the time, I can’t for the life of me remember the [key: string] syntax. Today, my problems are solved. Apparently TypeS…
Written by Sebastian De Deyne
/ Original link
on Mar. 30, 2021
I’ve used HasOne relationships for 1:1 relationships, but those are rare. I haven’t considered using them to scope down relationships, like having one default payment method in a set of n methods. <?php class User extends Model { public function paymentMethods(): HasMany { return $this->hasMa…
Written by Sebastian De Deyne
/ Original link
on Mar. 29, 2021
Time for the last—and my favorite—post in the Vite series: using Inertia.js. Inertia suggests two ways to resolve views in the docs: with require or with import. require bundles all your pages in a single file, it’s a Webpack-specific implementation import code splits your pages to multiple chunks,…