React Router error reporting from scratch

As awesome of developers as we all are, errors are bound to crop up in our apps. React Router allows us to be notified of these errors via a handleError function but what exactly can you do here? That's what my latest post covers. I'll teach you how to use source maps to pinpoint the source code where an error is coming from so you can jump on bugs faster. Check it out below.

React Router error reporting from scratch.

Currently Reading

I finished Marcus Aurelius's Meditations a few days ago. That's a sobering read. It's the personal journal of one of the greatest Roman emperors and Stoic philosopher. It's pretty repetitive but it contains a lot good messages about focusing on what truly matters. How life is a trial but you're in control with how you respond to it. I'm really glad I read it.

After Meditations, I wanted something a bit lighter to lose myself in so I reluctantly picked up Red Rising by Pierce Brown. I say reluctantly because I'm the type of person be skeptical of certain things if all I hear is good things. I'll think "It can't possibly live up to all the hype!". I'm about 100 pages in and so far it's good and just what I was looking for.

Is there anything React Router related you'd like me to cover? What are you working on? Reading anything good? Reply back to this email. I'd love to hear from ya.

Have a great Monday ✌️

Unsubscribe · Preferences

How I used Prettier to help me find and fix a bug

React Router Guide How I used Prettier to help me find and fix a bug I recently encountered a bug where a system that's been working for years stopped working after a code release. The confusing bit was that the updated code had absolutely nothing to do with the system that was breaking. Through a series of trial and error and lots of scratching my head, I ended up using Prettier to pinpoint where the problem was and was able to find and fix the bug. Check out the full write-up here. Have a...

4 months ago • 1 min read

Debounce Requests in React Router v7

React Router Tip Debounce Requests in React Router v7 Have you ever implemented a search input filter for table or grid of data in your app that needs to initiate fetching new, filtered, data? If you want to initiate the requests as the user changes the filter value without having to manually click a submit button you likely want to debounce those requests. Do you use a debounce hook and resort to useEffect to kick of requests?? No! There's a much easier way that doesn't involve adding a...

6 months ago • 1 min read

Sending logs from actions and loaders to the browser console

Hey y'all, David here. You signed up for my newsletter at programmingarehard.com. I'm super jazzed about what I have for you today! One of the inherent benefits of Single Page Apps(SPAs) I took for granted was the logging that comes out of the box via the Network tab in the console. Every api request happens in the browser and you can easily inspect those which is super handy. Once you move to something like Remix/React Router 7, you become painfully aware that you've lost access to that...