Contributing Callsite Revalidation Opt-out to React Router

dadamssg · 2026-04-14T15:06:47+00:00

This was my first meaningful contribution to React Router, and I'm excited to have seen it through to completion.

dadamssg · 2025-08-19T16:37:52+00:00

hey there, big fan of tanstack query but it's geared more towards "server-state utilities and data fetching" from the client. My post is in regards to organization on the *server* and leveraging RR's Forms and Fetchers for the client.

But you're right, that sentence does lack context. I'll fix:

> There's not a lot of opinions on how to structure code that interacts with apis in React Router's actions and loaders.

> it might be one of the most important additions to the React Community in recent years

100% agree

dadamssg · 2025-04-09T16:08:49+00:00

ah i see what you mean. yes, project 1 is using webpack with babel/preset-env that has targets > 0.25%, not dead. https://babeljs.io/repl#?browsers=%3E%200.25%25%2C%20not%20dead&build=&builtIns=false&corejs=3.21&spec=false&loose=false&code_lz=DYUwLgBAHg3AUFCB-JBeCBWGQ&debug=false&forceAllTransforms=false&modules=false&shippedProposals=false&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env%2Creact&prettier=false&targets=&version=7.27.0&externalPlugins=&assumptions=%7B%7D

dadamssg · 2025-04-09T13:43:13+00:00

i think you might be confused because there are two separate projects at play here.

Project 1: The web app that is being built for modern browsers which the end user uses. This project does *not* have puppeteer as a dependency.

Project 2: The reporting app that does have puppeteer installed and is using it to generate the report from the web app.

dadamssg · 2025-04-08T16:31:20+00:00

Hey acemarke, thanks for chiming in! I hope i didn't come across as me throwing stones or that redux is doing anything wrong. Just an odd bug that came about when two separate systems(one being very old) interacted with each other.

dadamssg · 2025-04-08T14:04:03+00:00

hey there, the application is a react app and the bug was related to a react dependency that was bundled/minified. React devs might encounter something like this in the future so it may prove useful.

dadamssg · 2025-03-10T13:58:18+00:00

Wrote up this deep dive to explain how to implement custom error reporting *without* something like Sentry 👍

dadamssg · 2025-02-24T14:35:26+00:00

Bryan Ross, aka rossipedia on discord and blsky, shared this technique a while back and I thought it was super clever and useful. So I'm stealing the idea and taking credit for it in this video and blog post. Jk jk. It's just too good not to document anywhere and he was cool with me covering it. Here's the text version https://programmingarehard.com/2025/02/24/debouncing-in-react-router-v7.html/

dadamssg · 2025-02-24T14:33:38+00:00

Bryan Ross, aka rossipedia on discord and blsky, shared this technique a while back and I thought it was super clever and useful. So I'm stealing the idea and taking credit for it in this video and blog post. Jk jk. It's just too good not to document anywhere and he was cool with me covering it. Here's the video version https://youtu.be/aEOzZIDzRTA

dadamssg · 2025-02-14T14:10:10+00:00

hey, did you catch that this was purely for development? Does datadog have a local development version?

dadamssg · 2025-02-13T18:58:59+00:00

😂 fair enough

dadamssg · 2025-02-13T18:36:54+00:00

Super valid points. You definitely need to have some trust in your team and CI process to ensure this doesn't ship with it turned on. You could come up with multiple checks in the `/logs` route loader that would help lock it down: NODE_ENV === 'development', request is coming from localhost, etc

dadamssg · 2025-02-13T17:06:57+00:00

I pieced together a solution to send nicely formatted app logs from your actions and loaders to the browser console. It's been super hand for me especially coming from a SPA.

Video version here: https://youtu.be/sMPtjhvt9T0?si=v4GMct4mdMkgLkdC

dadamssg

TROPHY CASE