Array.reduce() is the solution to combine objects that share a key, but not necessarily properties. — Introduction At work recently, I encountered an interesting problem: I needed to merge multiple JavaScript objects together in an array based on their matching keys. It sounds relatively straightforward at first, but there’s more to the story that prevented me using the spread operator or Object.assign() to combine these objects.

Forget `position: absolute` and `position: fixed`, reach for CSS Grid instead. — Introduction Last year I authored a web development course on modernizing enterprise React applications. …

Sometimes table columns and cells need data from multiple object properties. — Introduction This past summer, I started working for an Internet of Things (IoT) startup, Blues Wireless, that aims to make IoT development simpler — even when reliable Internet connections are not available. Blues does this via Notecards — prepaid cellular devices that can be embedded into any IoT device “on the…

Recharts has standard charts and tooltips, but customizing them takes a little extra effort. — Introduction Over the summer of 2021 I started working for an Internet of Things (IoT) startup, Blues Wireless that aims to make IoT development easy — even when reliable Internet connections are not available. Blues does this via Notecards — prepaid cellular devices that can be embedded into any IoT device…

If you need env vars, mocked data, and Typescript types, this one’s for you. — Introduction Next.js is an awesome frontend framework. It’s powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescript integration, and then it takes it a step further than what Create React App has, and offers…

Incremental static regeneration makes updating static pages with new data a breeze. — Recently I began working for an Internet of Things startup, Blues Wireless that aims to make IoT development easier — even when reliable Internet connections are not available. …

Even with multiple data sources and things to filter by, it can be done. — Introduction Earlier this year, I built my own website using Gatsby to serve as a centralized place to showcase my work, my talks, my blog articles and courses, and let people get to know me a little better. Since I’ve been writing regularly for almost 4 years now, there’s a lot…

Because Edge Cases are the Only Certainty in Development — Getting my Personal Website to 90% Done was Easy, that Last 10% was Not As with most projects, getting started is the easy part. When you’re excited about building something new and every change yields big, tangible results quickly, things are great. …

Add those extra little touches, and propel a site from working to wow. — Lately, It Seems Like CSS is Having a Moment, and I’m Digging It I’m not sure if it’s just me noticing CSS more since I’ve been in the process of redesigning and launching my personal website, or if the rest of the Internet’s excited again about CSS and its powers thanks to folks like Josh W. …