Hey there, I'm Zach

This post walks through how to enable ReCAPTCHA in a performant way with Next.js

With the new Next.js router, setting up analytics isn't quite as straightforward as it used to be.

Most web developers have a general sense of how their browser works behind the scenes, but when it comes to technical SEO and core web vitals, things get confusing. This post will alleviate some of that confusion for you and explain the sequential steps a browser takes to load a webpage.

Doing forms right in React is difficult. Whether you're dynamically building forms, adding complex validation, or just dealing with all the different input types, there are lots of pitfalls to building stable forms. This post is an exploration of some "best practices" when using forms in React.

When building with React, when should you useState? useEffect? useMemo? useRef? How do you make your components more performant? What causes them to re-render? What is a re-render? While it doesn't take much to build things in React, understanding how things work and adopting best practices is a bit more challenging. This post will explore many of these questions and walk through a functional component example from start to finish, highlighting it's entire lifecycle.

Tools like create-react-app are great, but abstract away lots of details. Here's how you can set up a "vanilla" React + TypeScript app using Webpack.

There are many ways to handle file uploads in a web app. This post explores which ones are best for your use case.