I just published a new video on how to do infinite scrolling in an InertiaJS and Laravel application – using a twitter-like feed as an example. The gist of it is: Setup a listener for the scroll event Inside the listener calculate the remaining pixels until the bottom of the page so you can make […]
Building a VueJs component with xState and state machines
We are currently used to managing state by using properties; usually, booleans, to toggle parts of the UI. The problem with this is, the more complex your UI grows, the more booleans and conditionals you’ll have, turning everything into a big pile of meaningless conditionals that are hard to reason about. Once enough time passes, […]
Dumbing down
I’ve reached a point in my Laravel for Frontend developers screencast series where I need to authenticate a user in order to write the other endpoints of the API I’m building as an example application. The latest and best authentication solution for SPAs with Laravel as a backend is Sanctum, so I started recording a lesson […]
Common knowledge? So what? Share it anyway.
Until recently, I’ve always used to beat myself up for not having anything interesting to share with the world. Looking around me, I saw all these cool people sharing their experiences and ideas through twitter, blog posts, screencasts, and podcasts. Meanwhile, I had nothing. Nothing interesting enough to share without feeling silly for being too […]
Unfinished features is the reason why you are not shipping your side projects
Duh! What else could it be? Everyone knows you should put all your energy into your application’s core features and ignore everything else that gets in your way. And yet we continue to build unnecessary crap and fail to ship our best work. From time to time, I run into some issues one of my […]
Inline form validation with InertiaJS, Vue, and Laravel
In this post, we’ll go over how we can handle inline form validation with InertiaJS, Vue, and Laravel. As an example, we’ll take a basic todo list where we can edit each item using an inline form. All we have above is a v-for that loops through a todos array and displays the form whenever […]
Active routes in Inertia with Laravel and VueJS
One of the problems I ran into in my Inertia & Laravel applications and saw other people do the same, was how to accurately determine the active route so you can style it accordingly. In the PingCRM demo, we have a sidebar containing a menu whose items are highlighted every time you visit a specific […]
Managing SVG Icons in VueJs applications
Using the right icons can make our applications not only better looking but also more intuitive. Inline SVG icons are safe, sharp, and easy to customize, but they tend to ruin our markup and make it less pleasant to navigate. Another problem is that they are hard to re-use. Because, one, you cannot really know […]
5 rules for picking long-lasting method names in OOP
When you write a piece of code for the first time, names don’t matter that much. You obviously know what everything is and what it does. However, while it’s cheap and easy to understand now, code written using poor names will grow to be incomprehensible as time passes and your application gets bigger. The price […]
InertiaJS – How to refresh state when browsing back
I’ve been using InertiaJS on all my new projects, and it’s been a great choice so far. But as it happens with everything in the world, there have been a few hiccups. One of those hiccups has to do with refreshing state when navigating back. Inertia is designed to mimic the default browser behavior, which […]