Let’s say you have an array of props and you’d like to map only some of them to DOM nodes based on an attribute: const stories = props.stories.filter( story => story.category !== "wealth_management" ).map( story => <StoryCard story={ story } key={ story.id } /> } ); Avoid chaining iterating functions This is way up…

I’ve addressed React’s life cycle before on this blog because it’s a common cause of acute nervous breakdown for many devs… For a React engineer, having a deep understanding of component life cycle is like having an extra 15 inches if you’re a basketball player. And it’s especially helpful when…

I’m unashamed to say I have a soft spot for parallax scrolling in HTML. It gives a document depth, polish and dynamism without distracting from content. Parallax scrolling gets very elaborate — but at its simplest it’s just content that scrolls over a stationary background. All that takes is the CSS below. If I had a dollar for every time I’ve copy-pasted these lines of code I’d have some serious walking-around money:

React Query is a clever package of hooks and tools for the React/Next family of frameworks written by Tanner Linsley. I’m familiarizing myself with it because I’m expected to contribute to several web apps soon which all rely heavily on asynchronous data. Managing state with flying Promises and fetches everywhere…

Before I begin, I should mention it’s possible I won’t be blogging as frequently in the near future thanks to an unbelievable new opportunity! It’s not final yet but I’m so excited to share more soon! I love long-form writing, but it’s a little exhausting and soon I’ll have even…

Today I’m going to pick up where I left off with my basic JavaScript web API cookbook. We’ve set up two simple models and a working relationship between them, plus routes and controllers that handle it all. Today I’ll walk through adding token-based auth with bcrypt and jsonwebtokens, and we’ll…

This blog post is part 3 in what’s quickly become a series about one of my favorite subjects: vector graphics—a shamefully underused way to bring your app from “meh” to “wow” with relatively little effort. …

Today’s blog post continues my series on computer poker with a brief exploration of lookup tables and perfect hashes. Huge thanks and acknowledgments are in order before we begin to Kevin Suffecool, Paul Senzee, and Mike Benson — without a doubt the founding fathers of modern computer poker. …

“Forgive me, Father, for I have sinned…” Today we’re going to try something a little naughty: triggering a browser download entirely from the front-end. There are a few packages popular for doing this in React (a subject I blog about frequently), but today, I’ll share a simple, no-frills approach to…