Matt Brophy
@brophdawg11.com
Helping folks build better websites
Remix/React Router @Shopify 💿
Philadelphia
Remix/React Router @Shopify 💿
Philadelphia
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...
I've been a bit bearish on usages of LLMs in non-trivial cases, but I will say that it's quite good at refactoring existing tests. After I change an API which breaks all the current tests, being able to run them in watch mode and watch the failure count go down 1 by 1 is satisfying as hell
October 1, 2025 at 6:16 PM
I've been a bit bearish on usages of LLMs in non-trivial cases, but I will say that it's quite good at refactoring existing tests. After I change an API which breaks all the current tests, being able to run them in watch mode and watch the failure count go down 1 by 1 is satisfying as hell
I'll be back in Toronto next week - what are the chances this has improved?
That idiots tariffs mean my hotel bar in Toronto has essentially zero bourbon available
September 30, 2025 at 6:52 PM
I'll be back in Toronto next week - what are the chances this has improved?
Reposted by Matt Brophy
React Router Framework Mode now has preview support for React Server Components
Just swap your vite plugin and you can:
- Return Server Components from loaders/actions
- Opt routes into Server Components
- Leverage Server Functions
Just swap your vite plugin and you can:
- Return Server Components from loaders/actions
- Opt routes into Server Components
- Leverage Server Functions
September 24, 2025 at 3:59 PM
React Router Framework Mode now has preview support for React Server Components
Just swap your vite plugin and you can:
- Return Server Components from loaders/actions
- Opt routes into Server Components
- Leverage Server Functions
Just swap your vite plugin and you can:
- Return Server Components from loaders/actions
- Opt routes into Server Components
- Leverage Server Functions
I might be becoming a watch guy - this wont be good for my bank account
September 22, 2025 at 3:12 PM
I might be becoming a watch guy - this wont be good for my bank account
Electric cars should be required to make noise when going <10-15 mph. Just had one almost clip me from behind as I was walking to my car in a narrow parking lot.
September 18, 2025 at 10:17 PM
Electric cars should be required to make noise when going <10-15 mph. Just had one almost clip me from behind as I was walking to my car in a narrow parking lot.
Reposted by Matt Brophy
Strict constitutionalism, except totally not
The party of free speech, except not
The party of fiscal conservatism, except not even a little bit
The Hypocrisy is absolutely blinding.
The party of free speech, except not
The party of fiscal conservatism, except not even a little bit
The Hypocrisy is absolutely blinding.
September 18, 2025 at 12:31 AM
Strict constitutionalism, except totally not
The party of free speech, except not
The party of fiscal conservatism, except not even a little bit
The Hypocrisy is absolutely blinding.
The party of free speech, except not
The party of fiscal conservatism, except not even a little bit
The Hypocrisy is absolutely blinding.