Vue Hydration Mismatches
Intro: What does SSR do & what problem does it solve? SSR (Server Side Rendering) generates the full HTML of a page on the server before sending it to the browser. This prevents slow initial page load
<div>ersions
I explain programming and web development concepts in plain English
Latest posts
Learning at Ruby Conf: A Workflow For AI Assisted Study
This week I have had the delightful pleasure of attending my first Ruby Conf in Las Vegas, Nevada. At the conference there was much discussion, amongst speakers and attendees alike, on the future of R
Javascript Essentials: the Temporal Dead Zone
Introducing the TDZ Is the title of this article from a Star Trek episode? In fact, the Temporal Dead Zone (TDZ) is a term used to describe what happens to a variable that is hoisted but not initializ
How do I use AI in my learning?
Introduction Before I answer that question, I’d like to speak a bit about what qualities help me confirm that I’ve learned a given subject. For that purpose, I want to contrast two modes of learning, that I’m calling profound learning and superficial...
my thoughts on AI assisted coding
I have some complex thoughts about AI assisted coding. They’re still swirling around in my brain and not completely solidified into a specific Opinion™, so read with that in mind. I am 1000% excited about the productivity bump of AI assisted coding ...
Vue's Virtual DOM: what is it & how does it work?
Introduction Post Vue Conf 2025 (read about my post-conference reflections here!), I’m setting a goal of learning one (1) cool Vue thing per day. So far I’ve covered one cool Vue thing per week, but - hey! - we all have to start somewhere. The reason...
3 tips to improve as a human developer: Vue conf 2025 notes and reflections
Introduction Still bursting with energy and inspiration from my recent trip to Tampa for Vue Conf, I sit down to reflect on what I learned. Three things stand out. It turns out, while I did learn an incredible amount of technical tips and tricks, wha...
Happy 2 year workiversary to me!
Just passed my two years of work mark at Fuego Leads as a junior frontend developer and thought I'd take this opportunity to reflect on my time there. Short story So far it's been amazing! Every day I’m thankful I get to do what I do - the work is fa...
Use Vue components in your Markdown files with Nuxt content
Have you ever wanted to use Vue components inside a markdown file? Because Nuxt content allows you to do just that! This joining of component and markdown allows for a flexible system of rendering content, that can take into account the needs of styl...
Project Log: Creating an API with Laravel
Introduction Quick background: I am developing a little Latin vocabulary tool and eventually quiz generator using Vue, Inertia, and Laravel together. Having not yet set up a database (because databases are scary), I decided to use some JSON files to ...
Project Log: building a quiz app in Laravel + Vue + Inertia
Introduction Laravel and Vue are objectively cool together (literally they’re complementary colors!), and they are the combination we use in some of our projects at work, so I decided it would be fun to get more comfortable with how they operate toge...
A short description of recursion
Recursion is notoriously simple but also confusing, once you start thinking about it. It tends to twist my brain into knots. My goal in this article is to briefly sum up what recursion is, what it’s useful for, and why you should want to learn more a...
Binary Search in Javascript
A while ago I wrote an explanation and implementation of the binary search algorithm in Python, but since I’ve been working a lot with JavaScript lately, I thought it would be fun to rewrite the algorithm using that language. What is binary search? B...
Why won't my PrimeVue filterField filter properly on my DataTable Column?
Yesterday I had an interesting experience with some code at work where I was trying to use PrimeVue’s filter option on a DataTable Column. For some reason that I could not understand, the filter was not working on the Column properly. This is a sampl...
Vue and the Virtual DOM
Lately I have been expanding my knowledge of Vue by learning a bit of how it works under the hood. The following was born out of my notes. In order to understand how Vue works under the hood, we need to understand the Virtual DOM. And in order to und...
A Glimpse at Typescript
Some discussion has come up within the frontend team at work over whether Typescript is something worth including into our workflow and tooling in the not so distant future. But what’s at stake when deciding to include Typescript in a project, and wh...
Reverse an array in place with me
As part of my attempt to better my Javascript skills, I have been working through Eloquent Javascript by Marijn Haverbeke. Chapter 4 is all about Arrays and Objects, and one of the exercises is to reverse an array in place. I thought it would be fun ...
Generating a pizza quote with Playwright
Intro: Motivation Recently at work, I had a new project to generate insurance quotes from a variety of leads using Playwright and then scrape the resulting quote prices. The goal was to then compare those prices against an API that also gives quotes ...
Playwright's VS Code Extension
Installation Playwright offers a Visual Studio Code extension that gives some handy features for improving your testing workflow. To install, go to the extensions tab of Visual Studio Code and search for "Playwright Test for VSCode." It's the extensi...
Web Scraping with Playwright
In preparing to tackle a new task involving Playwright I was doing some research into how to scrape webpages using this tool. However, I noticed some discrepancies between the various tutorials’ way of doing things and Playwright’s own documentation....