Modern web apps without JavaScript bundling or transpiling
We're way overdue a correction back to simplicity for the frontend. ES6/HTTP2/Import maps looks like they'll deliver just that.
Read more [world.hey.com]
Are you a component control freak?
If you're into React, you'll appreciate these patterns for working with uncontrolled components
Read more [jjenzz.com]
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"Freek’s newsletter is one of the best ways to stay updated with the Laravel and PHP ecosystem. It consistently highlights useful packages, tools, and ideas from the community, especially the amazing work coming from Spatie. As a Laravel developer building SaaS and web platforms, I find it extremely helpful to discover practical tools and insights that improve my development workflow."
Introducing Dinero.js
Using Dinero, you can perform mutations, conversions, comparisons, format them extensively, and overall make money manipulation in your application easier and safer.
The docs also contain a few falsehoods many developers believe to be true about money.
Read more [v2.dinerojs.com]
Modern Javascript: Everything you missed over the last 10 years
Here's a nice list of JS niceties that is available natively in modern browsers
Read more [turriate.com]
Automatically fix PHP and JS code style problems on GitHub PRs
Claudio Dekker runs you through the GitHub action he created to automatically handle code styling issues at Laravel
Read more [dekker.io]
Alpine 3.x Tips and Tricks
– ryangjchandler.co.uk - submitted by Ryan Chandler
Here are a few tips and tricks that you can use in your Alpine 3.x components.
Read more [ryangjchandler.co.uk]
File watching with chokidar
My colleague Seb quickly explains how to use chokidar
Read more [sebastiandedeyne.com]
Improving Google Maps Performance on Large Datasets
– tighten.co - submitted by Jamison Valenta
Here are some hot tips for mapping large datasets on Google Maps, without sacrificing performance.
Read more [tighten.co]
Route based modals with Laravel, Inertia.js and Vue.js
– larsklopstra.nl - submitted by Lars Klopstra
Modals can be a pain in the ass, but there's no way around them. I'm currently working on an application where we need them. Whilst working with Inertia.js and Vue.js we have many options available, let's have a look how I solved this issue.
Read more [larsklopstra.nl]
How to Use Cookies With AlpineJS
– releasecandidate.dev - submitted by Peter
Here's a simple approach on how to use cookies with AlpineJS
Read more [releasecandidate.dev]
Writable getters in JavaScript
A pattern that has come up a few times Vera's my code is the following: an object has a property which defaults to an expression based on its other properties unless it’s explicitly set, in which case it functions like a normal property. Essentially, the expression functions as a default value.
Read more [lea.verou.me]
HTML Forms: Preventing Double Form Submissions
Here's how Bram Van Damme prevents double form submissions
Read more [www.bram.us]
Build a Remaining Character Count Component with Alpine.js
– 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]
Adding a subscription form to the web views of Mailcoach original
After sending a new edition of my newsletter, I usually tweet out a webview URL together with a URL where people can subscribe to the newsletter. A webview is a hard to guess URL that people who didn't subscribe can visit to read the content of the newsletter.
Embed a web page with a web component and the shadow DOM
Seb explains how web components work using a shadow DOM.
Read more [sebastiandedeyne.com]
Making Time Make Sense in JavaScript
Maggie Johnson-Pint discusses where the JavaScript Date goes bad, better ways to model the date and time space in our code, and how the Temporal proposal making its way through TC39 helps us write correct code for every person in every time zone.
Writing Reusable Alpine Components
– 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]
Creating Custom Magic Variables in Alpine.js
– 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]
Anonymous Alpine Components
– 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]
End-to-End Encryption in the Browser
A nice explanation of the window.crypto functions that are available in all major browsers.
Read more [blog.excalidraw.com]
