Keycode Event Helper
– ryangjchandler.co.uk - submitted by Ryan Chandler
I built this small little helper tool that makes it easy to see information about key presses inside of JavaScript events.
Read more [ryangjchandler.co.uk]
Nuxt: Superpowers for your Vue 3 application
– tighten.com - submitted by Jamison Valenta
Nico shares the incredible suite of conveniences Nuxt JS brings to Vue3 applications, from auto-imports to out-of-the-box server side rendering & more!
Read more [tighten.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.
"Always fresh, useful tips and articles. Carefully selected community content. My favorite newsletter, which I look forward to every time."
Infinite Scroll with Livewire 3 and Alpine.js
– youtu.be - submitted by Bert De Swaef
in this video, we're transforming our load more button functionality to an infinite scroll using Alpine.js and more specifically we're using x-intersect to trigger our loadMore function.
Read more [youtu.be]
Build a Quick & Easy Instant Search UI With Alpine AJAX & Laravel
– imacrayon.com - submitted by Christian Taylor
How to easily progressively enhance an instant search component with Alpine AJAX so that it works with or without JavaScript available.
Read more [imacrayon.com]
Event Delegation: A Technique to Improve JavaScript Performance
– blog.shahryartayeb.com - submitted by Shahryar
In this blog post, you will learn what event delegation is, how it can help you optimize your JavaScript code by reducing the number of event listeners, and how to implement it with a practical example.
Read more [blog.shahryartayeb.com]
Turbo 8 is dropping TypeScript
DHH on why he's ditching TypeScript
Read more [world.hey.com]
Read-only web apps
If you’re about to build a web app and you’re pretty sure it requires JavaScript, why not pause and consider whether you can provide a read-only version.
Read more [adactio.com]
Hooks for Alpine.js
– github.com - submitted by Ryan Chandler
A collection of handy hooks, inspired by React, for Alpine.js.
Read more [github.com]
Autocomplete fields with Livewire
– fly.io - submitted by Chris Fidao
Use browser's native autocomplete input fields and dynamically update with Livewire!
Read more [fly.io]
Collecting Time Video Metrics with Livewire
– fly.io - submitted by Kathryn Anne Tan
Easily share user-video interaction data from client to browser with Livewire!
Read more [fly.io]
Memory game in Javascript | Tutorial | How To
– youtu.be - submitted by Bert De Swaef
Creating a Memory game in javascript, with minimal css. It's not that hard, follow along and learn how.
Read more [youtu.be]
Refactoring ugly JavaScript
Some more live coding! Here's Caleb refactoring away some nasty conditionals
Read more [vimeo.com]
Local or session storage?
Let’s review their similarities and differences, and determine when to use which.
Read more [sebastiandedeyne.com]
How to display dates in the browser's timezone in Livewire
– gdebrauwer.dev - submitted by Günther Debrauwer
In your Livewire components, you might want to display dates in the browser's timezone. In this post, I explore how you could achieve this.
Read more [gdebrauwer.dev]
Writing Wordle In JavaScript
A nice video tutorial by Bert De Swaef.
You might not need `useRef` for that
According to the React maintainers, React developers reach for the useEffect hook too quickly. It is far from the only hook with many naive usages. Why won't we go through my favorite example of an incorrect usage for useRef?
Read more [flareapp.io]
Statements Vs. Expressions in JavaScript
In this blog post, Josh Comeau shares some of the epiphanies he's had about this distinction, and how you can use this information in day-to-day work.
Read more [www.joshwcomeau.com]
Creating Dynamic HTML Tooltips with Alpine and alpine-tooltip
– ryangjchandler.co.uk - submitted by Ryan Chandler
After integrating Tippy into a few projects with Alpine.js, I decided to write my own plugin to make the integration easier and the API a little nicer (x-tooltip and $tooltip).
Read more [ryangjchandler.co.uk]
React Hooks for Beginners: Managing State
– tighten.com - submitted by Jamison Valenta
What's all the fuss about React hooks? In our latest blog post, we share the basics of managing state with hooks in a React app.
Read more [tighten.com]
Using Importmaps in Laravel
- submitted by Tony Messias
Tony Messias has ported a cool feature from Rails to Laravel.
