Patching NPM Dependencies with pnpm patch
Learn how to patch NPM dependencies with pnpm patch to fix issues with your project.
Topic
React & JavaScript Development
Tutorials, best practices, and insights on React, Next.js, TypeScript, and modern JavaScript development. From component patterns to performance optimization.
48 articles in this topic
Contributing to Open Source without being a Jerk
11-11-2025
Open source doesn't work without good faith - and sometimes you need to patch a dependency to do your part.
Content creation workflow: my writing process
Learn how I write and publish content on my Next.js site using Markdown and MDX, and a custom content creation workflow.
The results of my PostHog AB Test are in!
I dive into the data from my PostHog AB Test and show you how to interpret the results.
How I found a missing change on my next.js site with PostHog
I tackle a significant drop in my newsletter subscribers. Join me as I dive into the data using PostHog, identify and fix critical errors, and ultimately switch from ConvertKit to Resend.
Fixing the sign-up problem on my site using PostHog Product analytics
In part two of my product analytics journey, I tackle a subscriber drop, dive into PostHog data, fix key errors, and switch from ConvertKit to the developer-friendly Resend.
Product Analytics for engineers: Debugging a conversion problem on my next.js site
This video dives into the process I used to diagnose and debug a conversion problem on my personal website using Posthog, a powerful product analytics tool.
Seed your Supabase database with this simple pattern
Learn how to seed your Supabase database with this simple pattern.
SEO for Devs: Own your work with canonical tags
Canonical tags are a powerful tool to help search engines understand which version of a page is the original one. This can help you avoid duplicate content issues and ensure that your content gets the credit it deserves.
Struggling with TypeScript: why not?
07-09-2024
One of your biggest skills as a person-on-the-internet is your ability to research and learn new things.
Add Structured Data to your Next.js site with JSON-LD for better SEO
Structured Data can be added to your site tell Google and other search engines what type of content is on each page using a metadata format called JSON-LD.
Why new frameworks make better developers
03-26-2024
A look at the cognitive science behind the Hierarchy of Competence, and how dabbling with new frameworks and tools can make you a better developer.
Rebuilding an open source content-rich site with Astro, TypeScript, and React
A YouTube live coding stream, learning to build content-driven sites with the Astro Web Framework.
3 Tiny tips for better SEO
03-12-2024
I hear from a lot of devs that they don't know where to start with SEO. Here are 3 tiny tips about to get you started.
The first year of being a technical startup cofounder
03-05-2024
Reflecting on my first year as CTO of Craftwork, and the many things I've learned along the way.
Using Satori and Next.js to generate dynamic images
A YouTube live coding stream where we explore how we use a variety of dynamic images with Next.js using Satori.
Configuring Resend Broadcasts for newsletters on my Next.js website
A coding livestream where integrate Resend's new Broadcasts feature into my next.js site to use for sending newsletters.
How to set up self-healing URLs in Next.js for better SEO
Set up self-healing URLs with the App Router in Next.js for better SEO, accessibility, and usability
Reddit as a tool for learning
05-23-2023
If you haven't been using reddit as a tool for learning, you are truly missing out. It's time to give it a try.
Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
Steps I take to fix stubborn TypeScript errors in VS Code
Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.
Refactoring TypeScript React components in VS Code
Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.
The case for continued learning, and getting side projects out the door
01-03-2023
The end of 2022 brought about a ton of change for me, and a major shift in my career. I'm excited to talk a little about what's next, and to show off a side project I'm readying for release soon.
Sync your About page and your GitHub bio on your Next.js site
Learn how to sync your About page and your personal GitHub README bio on your Next.js site, as a step towards owning your content on social media.
Growth hack: Publish newsletters to your Next.js site with ConvertKit API
Use previous issues of your newsletter to attract new subscribers, using the ConvertKit API with your Next.js site.
Publish your newsletter to your Remix site with the ConvertKit API
Learn how to use the ConvertKit API to publish your newsletter to your Remix site.
The Orton Effect - dreamy photo effect in CSS and React
Implement the Orton Effect in CSS and React. The Orton Effect creates a surreal, dreamy image effect, named after photographer Michael Orton.
SEO tools I used to grow my sites to 20k+ visitors/month
I use these tools on every project to help track source code, monitor traffic on my site, and optimize content for better Search Engine Optimization (SEO).
The correct semantic HTML for adding subtitles to h1 tags
This is the right format to use if you want to add a subtitle below an h1 tag on your html pages. Semantic HTML makes your site more accessible and better for SEO, since it is easier for search engines to process.
How to add Fathom Analytics to your Remix.run app
Building a website using the Remix.run webb app framework? This tutorial will teach you how to add privacy-first analytics to your Remix site with Fathom.
What it's like to migrate a high-traffic website from Gatsby to Next.js
I migrated apisyouwonthate.com, a site with 20k+ monthly visits, from Gatsby to Next.js at the end of 2021. Let's talk about what I learned from that experience.
Next.js with MDX tips: Provide shortcuts to article headings
This tutorial will teach you how to automatically add links to heading tags in your mdx posts on your Next.js site with a plugin called rehype-slug. This should work for most nextJS sites that use MDX for content, as well as many other JavaScript-based sites which use MDX.
No Floating Promises: an eslint rule to prevent async code errors
The article discusses the ESLint rule no-floating-promises which disallows promises without await. The rule is designed to prevent developers from accidentally forgetting to await promises, which can lead to unexpected behavior.
How to run dependabot locally on your projects
Since its release, teams around the world have been using dependabot to automate the process of keeping your project's dependencies up to date. In this article, I'll show you how you can run dependabot on the command line using dependabot-core.
Massively speed up VS Code loading time on Apple Silicon Macs in one step
If you're running an Apple Silicon Mac (with an M1, M1 Pro, or M1 Max chip), you may be able to speed up VS Code massively with a quick update.
Learn to build web3 apps on the blockchain with Buildspace
Buildspace offers free, online, cohort-based courses on building web3 blockchain apps. If you're interested in dipping your toe into the world of Ethereum apps, the blockchain, or NFTs - it's a great starting point.
Some things I learned from live coding on Twitch
For years I did a weekly coding livestream of my React and Python work on Twitch every week, and I'm getting back into it again. This is what sticks out to me as the most valuable learnings from those experiences.
JavaScript Tips: Nullish Coalescing (??)
Let's take a look at the Nullish Coalescing operator (??) in JavaScript, which returns the right operand if the left is null or undefined.
JavaScript Tips: Using Array.filter(Boolean)
If you come across array.filter(Boolean) in JavaScript code, never fear! It's a handy bit of functional programming that cleans up arrays with null and undefined values in them.
How to make VS Code load faster with a little bit of housekeeping
Have you noticed that your favorite IDE has been slow to load lately? Try removing these before losing hope.
Do you have your own Gatsby site? Let's brainstorm a dev.to cross-poster
So, like all good things, the idea for this post comes from a tweet...
I have to tell you about Dependabot 🤖
Dependabot is an automation service that will automatically create PRs to keep your projects' dependencies up to date, and it is really powerful.
Promise.allSettled() Pt.2 - it's partly settled!
This is a follow-up to my first post on the upcoming Promise.allSettled() function, coming soon to a node application near you.
Picking apart JavaScript import syntax
Part 2 in a series of posts on destructuring syntax for JavaScript and Node.
Solve* all your problems with Promise.allSettled()
Promise.allSettled() is a new API coming to the JavaScript / ES6 standard which can help you more efficiently build node applications that make simultaneous asynchronous API calls
I reclaimed 10GB of disk space from node_modules
If you're not careful, your node projects can start to fill all the spare disk space on your computer. This one weird trick (lol) can help avoid that.
Understanding JavaScript Destructuring Syntax
Destructuring syntax in es6 (or es2015, etc) JavaScript is a wonderfully useful bit of the language. It allows you to extract values from an Object and assign them to a new variable in one statement -- but it can be confusing to read.
Embracing Prettier
Prettier.js is a fantastic way to systemize and automate your project's code style.
💌 Tiny Improvements Newsletter
Subscribe and join 🔥
My weekly newsletter for product builders. It's a single, tiny idea to help you build better products.
Once a week, straight from me to you. 😘 Unsubscribe anytime.
Get in touch to → Sponsor Tiny Improvements