Test drive the React Router 7 address book app
|
Hey y'all, David here. You signed up for my newsletter at programmingarehard.com. Sometimes I have ideas I want to test out in my Remix / React Router apps. But.... I don't want the overhead of doing it in my actual apps or, on the opposite end of the spectrum, want to start from a blank slate. I found the address book tutorial and thought that surely the end result was published somewhere. Not the case. So I went ahead and bit the bullet by going through it and pushing the end result to a public repo. Sometimes you just want to poke around in the "completed" version of a tutorial rather than go through it manually yourself, ya know? You can poke through it on github or clone it to run to yourself at the link below. Check out the completed address book tutorial here. Hope you find it useful. Have fantastic Friday ✌️ Ps. I have a super cool demo I'm going to use this for in the very near future. Stay tuned for that. David |
ProgrammingAreHard
For developers looking to learn useful tips and tricks.
React Router Guide How to execute api requests in React Router There's not a lot of opinions on how to structure code that interacts with apis in React Router apps. This is what I've come up with and the post I wish existed before I started using React Router's actions/loaders with my existing api(and if middleware existed back then). Check out the article here. Have a great Tuesday ✌️ Unsubscribe · Preferences
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...
React Router Guide 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...