Posts tagged with frontend
Vite is a frontend build tool like webpack. Instead of bundling development assets, Vite serves native ES modules transpiled with esbuild from the dev server. This means there’s a lot less bundling to do, and results in a very fast developer experience.
Read more [sebastiandedeyne.com]
As a predominantly Laravel developer that is accustomed to Laravel Mix, I wanted to see how to get Tailwind's JIT compiler working with Laravel Mix, and was pleasantly surprised that it was quite simple and just works.
Read more [dyrynda.com.au]
Join thousands of developers
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
In this post 8 image loading optimization techniques are outlined to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
Read more [www.industrialempathy.com]
– releasecandidate.dev - submitted by Peter
Here's a simple approach on how to use cookies with AlpineJS
Read more [releasecandidate.dev]
I really like the simplicity of our solution.
Read more [ohdear.app]
Here's how Bram Van Damme prevents double form submissions
Read more [www.bram.us]
– ryangjchandler.co.uk - submitted by Ryan Chandler
Learn how to build a remaining character counter in Alpine.js using only a few lines of code.
Read more [ryangjchandler.co.uk]
Seb explains how web components work using a shadow DOM.
Read more [sebastiandedeyne.com]
There are many things you can use for front-end scaffolding in Laravel. That can make picking one tough. This blogposts walks you through all the options
Read more [samuelstancl.me]
My colleague Ruben introduces the laravel-typescript-transformer package he created. This one can convert backend classes, like enums and DTOs, to TypeScript definitions.
Read more [rubenvanassche.com]
– ryangjchandler.co.uk - submitted by Ryan Chandler
Reusability is important when it comes to scaling projects and future-proofing the maintainability of a project. Let's take a look at how you can write more re-usable components in Alpine.
Read more [ryangjchandler.co.uk]
– ryangjchandler.co.uk - submitted by Ryan Chandler
We all come across tasks that are repetitive and probably struggle to find ways of making them more re-usable in our Alpine components. Since v2.5 we can register custom magic variables that can help us out with that.
Read more [ryangjchandler.co.uk]
– web.dev
Wouldn't it be nice if users wouldn't see a blank screen when navigation to another URL? Portals allow you to preload the next page and transition to it with a nice animation.
Read more [web.dev]
Mohamed Said explains an interesting pattern for you to consider that can potentially make authenicating from the frontend easier.
– ryangjchandler.co.uk - submitted by Ryan Chandler
If you don't need a reactive UI, Alpine.js might still find it's place in your tech stack.
Read more [ryangjchandler.co.uk]
Adam Wathan explain how can avoid re-rendering the entire UI everytime you click a link in Next.js
Next.js is such a wonderfully productive development experience and produces such incredibly fast websites that I just refused to believe it had to be this way. So I spent a few weeks researching, asking questions, and experimenting, and came up with these four patterns for persistent layouts in Next.js applications.
Read more [adamwathan.me]
Atymic (real name unknown to me), a developer hailing from Sydnex, wrote a blogpost on how he managed to get PHP running in the browser via WebAssembly.
I'm sure you've come across plenty of sites that use javascript on the front end, but what about using PHP as a client side language? How, you ask? Since PHP is C based, it's actually possible to compile a version that's able to run inside your web browser using web assembly.
Read more [atymic.dev]
Seb De Deyne explains the differences and similarities between Intertia and Livewire.
I’ve seen many people compare the two, or ask if they can be used together. This post showcases their similarities and differences, and should help you understand which problems they each solve best.
Read more [sebastiandedeyne.com]
Recently status pages were added to Oh Dear!. My colleague Sebastian took care of the live updates with a few lines of JavasScript.
In a new video on his blog Livewire creator Caleb Porzio, shows how can create the same behaviour with Livewire (and without having to write JavaScript). Impressive stuff!
This sort of thing is right up my alley, but I couldn't help but think how easy it would be in Livewire. Here's is the same functionality implemented with Livewire, in three or four little code additions. No JS!
Read more [calebporzio.com]