Matt Brophy
@brophdawg11.com
Helping folks build better websites
Remix/React Router @Shopify 💿
Philadelphia
Remix/React Router @Shopify 💿
Philadelphia
Reposted by Matt Brophy
November 24, 2025 at 3:49 PM
Improved React 19 Transition handling coming to React Router soon! the flag was merged yesterday so it' in our nightly release snow, should land in a stable in the next week or so.
reactrouter.com/dev/explanat...
reactrouter.com/dev/explanat...
React Transitions (dev branch)
reactrouter.com
November 21, 2025 at 7:52 PM
Improved React 19 Transition handling coming to React Router soon! the flag was merged yesterday so it' in our nightly release snow, should land in a stable in the next week or so.
reactrouter.com/dev/explanat...
reactrouter.com/dev/explanat...
Reposted by Matt Brophy
If your app needs to add these features maybe it's just not that great for people??? techcrunch.com/2025/11/18/t...
November 20, 2025 at 7:24 PM
If your app needs to add these features maybe it's just not that great for people??? techcrunch.com/2025/11/18/t...
@ricky.fm I'm a bit stumped on a transition/useOptimistic thing (let me know if you'd prefer a GH issue!)
Been making sure RR plays nice with async transitions via useOptimistic and ran into an odd quirk with history.go/popstate that I can't quite figure out:
stackblitz.com/edit/github-...
Been making sure RR plays nice with async transitions via useOptimistic and ran into an odd quirk with history.go/popstate that I can't quite figure out:
stackblitz.com/edit/github-...
Brophdawg11 - Minimal Rrv7 Lib Template - StackBlitz
Minimal react Router v7 template using Data mode
stackblitz.com
November 17, 2025 at 10:07 PM
@ricky.fm I'm a bit stumped on a transition/useOptimistic thing (let me know if you'd prefer a GH issue!)
Been making sure RR plays nice with async transitions via useOptimistic and ran into an odd quirk with history.go/popstate that I can't quite figure out:
stackblitz.com/edit/github-...
Been making sure RR plays nice with async transitions via useOptimistic and ran into an odd quirk with history.go/popstate that I can't quite figure out:
stackblitz.com/edit/github-...
Reproductions should be in as few files as possible. So much easier for the maintainer to grok the issue without having to jump between a bunch of different files.
November 17, 2025 at 4:08 PM
Reproductions should be in as few files as possible. So much easier for the maintainer to grok the issue without having to jump between a bunch of different files.
This sounds interesting
🤔 What if there were a conference without talks? Just hanging out with OSS maintainers & builders, seeing what they’re working on, and learning cool stuff by actually talking to people.
🤯 What if hallway track turned into the whole event!
💡 @tannerlinsley.com is exploring it. Interested? ⬇️
🤯 What if hallway track turned into the whole event!
💡 @tannerlinsley.com is exploring it. Interested? ⬇️
Web Forge Conf - A new kind of web developer conference
A community funded, not for profit event built for creators and the developers who use their work. Less stage. More story. All signal.
webforgeconf.com
November 14, 2025 at 3:29 PM
This sounds interesting
Reposted by Matt Brophy
Did you see that? Browser Mode in Vitest just went stable!
No better time to start testing your React components in the real browser. Learn more here: react-component-testing-with-vitest.epicweb.dev
No better time to start testing your React components in the real browser. Learn more here: react-component-testing-with-vitest.epicweb.dev
October 22, 2025 at 4:21 PM
Did you see that? Browser Mode in Vitest just went stable!
No better time to start testing your React components in the real browser. Learn more here: react-component-testing-with-vitest.epicweb.dev
No better time to start testing your React components in the real browser. Learn more here: react-component-testing-with-vitest.epicweb.dev
Coming soon to a React Router near you - (unstable) instrumentation APIs!
Great for logging, perf tracing, OTEL, and more.
reactrouter.com/dev/how-to/i...
Great for logging, perf tracing, OTEL, and more.
reactrouter.com/dev/how-to/i...
Instrumentation (dev branch)
reactrouter.com
October 22, 2025 at 6:14 PM
Coming soon to a React Router near you - (unstable) instrumentation APIs!
Great for logging, perf tracing, OTEL, and more.
reactrouter.com/dev/how-to/i...
Great for logging, perf tracing, OTEL, and more.
reactrouter.com/dev/how-to/i...
💯 Great write up. This mimics a lot of what I do when trying to repro bugs. Trimming away surrounding "fluff" is a skill and hugely beneficial when reproducing bugs.
i wrote about how to fix any bug
How to Fix Any Bug — overreacted
The joys of vibecoding.
overreacted.io
October 21, 2025 at 2:19 PM
💯 Great write up. This mimics a lot of what I do when trying to repro bugs. Trimming away surrounding "fluff" is a skill and hugely beneficial when reproducing bugs.
We're likely following suit here in React Router v8 and dropping CJS builds and shipping ESM only and raising the minimum Node version to 22.12.0
"No more juggling CommonJS and faux-ESM."
- @joyeecheung.bsky.social revealed how @nodejs.org is moving to full ESM and why the future looks brighter for developers.
www.youtube.com/watch?v=I0jv...
- @joyeecheung.bsky.social revealed how @nodejs.org is moving to full ESM and why the future looks brighter for developers.
www.youtube.com/watch?v=I0jv...
October 21, 2025 at 2:12 PM
We're likely following suit here in React Router v8 and dropping CJS builds and shipping ESM only and raising the minimum Node version to 22.12.0
Reposted by Matt Brophy
Our recap of Remix Jam 2025 is up, along with recordings of each speaker's talk(s)
remix.run/blog/remix-j...
remix.run/blog/remix-j...
Remix Jam 2025 Recap
Remix Jam was really good. In case you missed it, here's a recap.
remix.run
October 20, 2025 at 7:21 PM
Our recap of Remix Jam 2025 is up, along with recordings of each speaker's talk(s)
remix.run/blog/remix-j...
remix.run/blog/remix-j...
Asking the LLM to critique the docs it just wrote
a cartoon of two spidermans standing in front of a nypd van
Alt: a cartoon of two spidermans pointing at each other
media.tenor.com
October 20, 2025 at 4:09 PM
Asking the LLM to critique the docs it just wrote
Reposted by Matt Brophy
I remixed Matt's remix and published my repo on GH pages as well, fixed a few small styling issues, and integrated @brookslybrand.bsky.social's PR for better keyboard behavior
rossipedia.github.io/remix-jam-mk2/
Go nuts
rossipedia.github.io/remix-jam-mk2/
Go nuts
October 18, 2025 at 12:44 AM
I remixed Matt's remix and published my repo on GH pages as well, fixed a few small styling issues, and integrated @brookslybrand.bsky.social's PR for better keyboard behavior
rossipedia.github.io/remix-jam-mk2/
Go nuts
rossipedia.github.io/remix-jam-mk2/
Go nuts
Reposted by Matt Brophy
I just created the “Remix 3 Resources” repo, collecting useful links related to Remix 3.
It has *super* granular links to the Remix Jam live stream for each API, feature and demo, plus a bunch of demo apps and 3rd party integration examples.
github.com/markdalgleis...
It has *super* granular links to the Remix Jam live stream for each API, feature and demo, plus a bunch of demo apps and 3rd party integration examples.
github.com/markdalgleis...
GitHub - markdalgleish/remix3-resources: A collection of useful links relating to Remix 3
A collection of useful links relating to Remix 3. Contribute to markdalgleish/remix3-resources development by creating an account on GitHub.
github.com
October 17, 2025 at 11:37 AM
I just created the “Remix 3 Resources” repo, collecting useful links related to Remix 3.
It has *super* granular links to the Remix Jam live stream for each API, feature and demo, plus a bunch of demo apps and 3rd party integration examples.
github.com/markdalgleis...
It has *super* granular links to the Remix Jam live stream for each API, feature and demo, plus a bunch of demo apps and 3rd party integration examples.
github.com/markdalgleis...
Sick enhancement from @rossipedia.com here.
Now I need to hear sick beats from all of you since I'm not musically talented. Added some logic to sync the beat to the URL and deployed to GH pages. Share your beats in the replies!
brophdawg11.github.io/remix-jam-mk...
Now I need to hear sick beats from all of you since I'm not musically talented. Added some logic to sync the beat to the URL and deployed to GH pages. Share your beats in the replies!
brophdawg11.github.io/remix-jam-mk...
October 16, 2025 at 9:15 PM
Sick enhancement from @rossipedia.com here.
Now I need to hear sick beats from all of you since I'm not musically talented. Added some logic to sync the beat to the URL and deployed to GH pages. Share your beats in the replies!
brophdawg11.github.io/remix-jam-mk...
Now I need to hear sick beats from all of you since I'm not musically talented. Added some logic to sync the beat to the URL and deployed to GH pages. Share your beats in the replies!
brophdawg11.github.io/remix-jam-mk...
*record scratch* *freeze frame* Yep, that's me (Remix 3). You're probably wondering how I got here.
This is how I like to visualize/explain the evolution of Remix and React Router. I was nerd sniped by a diagram @bradwestfall.bsky.social posted the other day so I finally put pen to paper
This is how I like to visualize/explain the evolution of Remix and React Router. I was nerd sniped by a diagram @bradwestfall.bsky.social posted the other day so I finally put pen to paper
October 16, 2025 at 6:26 PM
*record scratch* *freeze frame* Yep, that's me (Remix 3). You're probably wondering how I got here.
This is how I like to visualize/explain the evolution of Remix and React Router. I was nerd sniped by a diagram @bradwestfall.bsky.social posted the other day so I finally put pen to paper
This is how I like to visualize/explain the evolution of Remix and React Router. I was nerd sniped by a diagram @bradwestfall.bsky.social posted the other day so I finally put pen to paper
The Remix 3 server-side router is `fetch` based
which means it also runs in the browser
which means you can build a SPA router on top of it
with fine grained event-driven rendering if that's your jam
(it could also live in a service worker)
stackblitz.com/edit/vitejs-...
which means it also runs in the browser
which means you can build a SPA router on top of it
with fine grained event-driven rendering if that's your jam
(it could also live in a service worker)
stackblitz.com/edit/vitejs-...
Vitejs - Vite (duplicated) - StackBlitz
Next generation frontend tooling. It's fast!
stackblitz.com
October 13, 2025 at 2:18 PM
The Remix 3 server-side router is `fetch` based
which means it also runs in the browser
which means you can build a SPA router on top of it
with fine grained event-driven rendering if that's your jam
(it could also live in a service worker)
stackblitz.com/edit/vitejs-...
which means it also runs in the browser
which means you can build a SPA router on top of it
with fine grained event-driven rendering if that's your jam
(it could also live in a service worker)
stackblitz.com/edit/vitejs-...
I’m reaching the age of “checking my bag is just objectively easier so I don’t have to lug it around the airport and the 10-20 minutes to pick it up at the end don’t actually impact my trip” 👴🏻
October 7, 2025 at 6:58 PM
I’m reaching the age of “checking my bag is just objectively easier so I don’t have to lug it around the airport and the 10-20 minutes to pick it up at the end don’t actually impact my trip” 👴🏻
This is definitely not the case and is the reason I’m not playing golf with @jim-nielsen.com and @ricky.fm this week
Gotta wonder if the Remix folks intentionally planned Remix Jam the same week as React Conf, just two days day after 😳
October 7, 2025 at 6:54 PM
This is definitely not the case and is the reason I’m not playing golf with @jim-nielsen.com and @ricky.fm this week
Can’t wait for ViewTransition. Trying to wrangle an asynchronous imperative DOM API into declarative concurrent React under the hood in React Router for <Link viewTransition> was *tricky* and I would love to delete all of that code
Just announced at React Conf - New React API available in canary:
🔥 <ViewTransition>
🔥 <Fragment ref>
Particularly excited for Fragment Refs, exposing platform-specific APIs such as:
- addEventListener()
- observeUsing()
- focus()
- getClientRects()
- scrollIntoView()
🔥 <ViewTransition>
🔥 <Fragment ref>
Particularly excited for Fragment Refs, exposing platform-specific APIs such as:
- addEventListener()
- observeUsing()
- focus()
- getClientRects()
- scrollIntoView()
October 7, 2025 at 6:50 PM
Can’t wait for ViewTransition. Trying to wrangle an asynchronous imperative DOM API into declarative concurrent React under the hood in React Router for <Link viewTransition> was *tricky* and I would love to delete all of that code
Really excited about some new observability APIs we’re noodling on in React Router. We want to make it very easy to know how your app is behaving for real users.
Alpha releases are available now so hit me up if you want to do some early testing. Hoping to land some unstable API after Remix Jam.
Alpha releases are available now so hit me up if you want to do some early testing. Hoping to land some unstable API after Remix Jam.
October 7, 2025 at 6:47 PM
Really excited about some new observability APIs we’re noodling on in React Router. We want to make it very easy to know how your app is behaving for real users.
Alpha releases are available now so hit me up if you want to do some early testing. Hoping to land some unstable API after Remix Jam.
Alpha releases are available now so hit me up if you want to do some early testing. Hoping to land some unstable API after Remix Jam.
Reposted by Matt Brophy
Introducing the React Foundation
October 7, 2025 at 5:33 PM
Introducing the React Foundation
Reposted by Matt Brophy
@sergiodxa.com wrote about the underlying data transport used by @reactrouter.com. It's a vendor'd version of turbo-stream, a library inspired by @rich-harris.dev's devalue. sergiodxa.com/tutorials/le...
How to Leverage React Router's Built-in Data Deduplication by sergiodxa
Learn how React Router's built-in deduplication system uses references to eliminate duplicate data transmission when combining promises in y
sergiodxa.com
October 7, 2025 at 12:48 AM
@sergiodxa.com wrote about the underlying data transport used by @reactrouter.com. It's a vendor'd version of turbo-stream, a library inspired by @rich-harris.dev's devalue. sergiodxa.com/tutorials/le...
Reposted by Matt Brophy
so the US government just forced a tech company to delete an app it doesn’t like, which is totally normal stuff
www.404media.co/iceblock-own...
www.404media.co/iceblock-own...
ICEBlock Owner After Apple Removes App: ‘We Are Determined to Fight This’
Apple removed ICEBlock reportedly after direct pressure from Department of Justice officials. “I am incredibly disappointed by Apple's actions today. Capitulating to an authoritarian regime is never t...
www.404media.co
October 3, 2025 at 2:38 AM
so the US government just forced a tech company to delete an app it doesn’t like, which is totally normal stuff
www.404media.co/iceblock-own...
www.404media.co/iceblock-own...
Doesn’t actually care about the country or its citizens. Only cares about his own wealth/power and revenge against those who “wronged” him.
www.theatlantic.com/politics/arc...
www.theatlantic.com/politics/arc...
A Government Shutdown, Weaponized
The president is boasting about doing things to Democrats that are “bad for them and irreversible by them.”
www.theatlantic.com
October 3, 2025 at 10:37 AM
Doesn’t actually care about the country or its citizens. Only cares about his own wealth/power and revenge against those who “wronged” him.
www.theatlantic.com/politics/arc...
www.theatlantic.com/politics/arc...