When Laravel 8 launched, the previous package used for scaffolding new applications, Laravel UI, was replaced with Jetstream. Jetstream comes in two flavors: InertiaJS and Livewire, both styled with Tailwind, and both great solutions for building dynamic UIs. However, this change angered a good part of the community that was already happy working directly with […]
Adam Wathan’s screencasting tips
As soon as Adam tweeted that he just published a podcast on making quality screencasts, I grabbed my pen and started writing. I was sure he would provide tons of great advice, and I was not disappointed. Screencasting setup 1280×720 HiDPI resolution (RDM app) hide the menu bar. Preferences > General > Automatically hide and […]
InertiaJS infinite scrolling example
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 […]