Pedro Cattori
@pcattori
Followers
2,036
Following
158
Media
162
Statuses
966
💿 @remix_run at @shopify / 🤖 Ex- @Tamr_Inc / 🦫 @MIT CS / 🎥 Fighting footguns 🥾🔫 with sharp knives 🔪
Alexandria, VA
Joined May 2022
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Trans
• 900531 Tweets
Olympic
• 899855 Tweets
Imane Khelif
• 897144 Tweets
Rebeca
• 889260 Tweets
Angela Carini
• 864560 Tweets
Simone
• 834336 Tweets
JK Rowling
• 247480 Tweets
The IOC
• 212796 Tweets
Algeria
• 203977 Tweets
トランスジェンダー
• 108866 Tweets
Argelia
• 105806 Tweets
billie
• 97757 Tweets
#BBNaija
• 94973 Tweets
Suni
• 91623 Tweets
Charli
• 69471 Tweets
Andy Murray
• 56397 Tweets
Michael Phelps
• 52662 Tweets
Onyeka
• 39414 Tweets
Mike Tyson
• 37849 Tweets
バニーの日
• 35633 Tweets
Logan Paul
• 34216 Tweets
#SVAllStarsDebateFinal
• 31617 Tweets
Caster Semenya
• 30780 Tweets
Shaun
• 29615 Tweets
Merry Christmas
• 22403 Tweets
Wanni
• 16649 Tweets
Reward Program
• 15648 Tweets
ダンジョンの中のひと
• 15110 Tweets
Air Drop
• 14777 Tweets
Swyer
• 14704 Tweets
Texans
• 14305 Tweets
Nelly
• 13214 Tweets
Pinned Tweet
Ternaries could be beautiful 💄
👉 Read the article:
@PrettierCode
is asking for feedback on how to format ternaries. So whether you agree with me or not, make yourselves heard!
👉
13
33
247
TIL
@vitest_dev
lets you colocated your tests in the same file as your implementation. So nice!
34
41
501
👀
Unstable Vite support has officially landed in the
@remix_run
repo! 🎉
Still early and have to land support for runtimes and custom servers before stable, but dang does it feel good to say:
Remix runs on
@vite_js
🔥
16
45
385
Typesafe route modules achieved internally at
@remix_run
+ React Router v7 . All props (params, loader data, action data, etc.) all 💯% inferred.
If you ask me really nice, I might even share the TypeScript playground for you to try out soon 😉
24
20
284
Happy to report that
@Cloudflare
Pages support in
@remix_run
's Vite plugin is now merged! 🥳
Only officially support CF pages, since CF says not to use Workers Sites for fullstack apps:
But if anyone wants to try with Workers, let me know how it goes!
15
29
246
Look ma, no `useLoaderData<typeof loader>`!
Coming soon to a React Router v7 (and probably will backport to
@remix_run
2.x too)
23
27
244
Should have done this a long time ago, but simplified types for `useLoaderData`, `useActionData`, `useFetcher` are coming to
@remix_run
!
Under-the-hood it uses a `Pretty` type helper to force TS to simplify the type. Got that from
@mattpocockuk
🙏
👉
10
18
215
Remix Vite just landed in 2.7.0! 🥳
Most fulfilling thing I've shipped in my career so far. Loved collab'ing with
@vite_js
team & community,
@DarioPiotrowicz
& the
@Cloudflare
team,
@hiroshi_18181
. Plus late night pairing sessions with
@markdalgleish
We are excited to announce the release of Remix v2.7.0 which stabilizes Remix Vite and Remix SPA mode
We announced the unstable Vite plugin a little over 3 months ago. Now 75 closed issues and 136 pull requests later we are ready to call this plugin stable
This release marks
44
179
1K
11
17
183
MDX routes in
@remix_run
are finally a joy to use thanks to
@vite_js
.
The best part is that its still Remix. Want to grab data from your db? Use a `loader`. Same goes for all the Remix features you know and love.
👉 Demo
👉 Repo
5
17
182
New post: Typesafe error handling in TS!
Check out my `asError` utility to coerce `unknown` thrown types to `Error`. Heavily inspired by this
@kentcdodds
post ().
It's another technique I use in the
@remix_run
compiler.
👉
5
16
171
You can download
@remix_run
with stable
@vite_js
support now in the 2.7 prerelease! (2.7.0-pre.0)
Try it out and let us know if you hit any bugs!
Pro tip: you'll want to use the `release-next` branch in the docs to preview what they'll be like for 2.7 ()
7
20
163
9
1
150
💿
@remix_run
HMR + Hot Data Revalidation 🔥 is available as an experimental release!
Check out the demo:
5
28
145
@vite_js
+
@remix_run
? 🔥
Yep,
@markdalgleish
and I have been working on it! No promises yet, but its looking promising 🤞
Huge thanks to Vite community, esp.
@patak_dev
for the help!
👀
prototype:
moving to remix-run/remix:
5
17
137
The team within
@Shopify
is internally reporting 50x faster 🔥 HMR + HDR after adopting
@remix_run
's
@vite_js
plugin.
So cool that our work is having such a direct impact!
@kentcdodds
@remix_run
@vite_js
Hate to rain on your parade Kent but we deployed Remix app using Vite this morning EU time :)
1
0
28
1
16
138
In TypeScript, types like `{title: string}` actually mean different things when used as w/ `type` vs `interface`.
This is by design, not a bug.
Minimal repro where typechecking fails for one but not the other:
Want to know why and how to fix? 🧵👇
7
5
133
Integration tests for HMR + hot revalidation 🔥 in
@remix_run
are now passing! ✅
@ebey_jacob
and I have tons of things we want to optimize and rough edges we want to smooth, but excited to share the MVP we have now.
Coming soon to an `unstable_dev` server near you...
7
6
128
Surreal... this phase is done.
All these changes will be part of next release, still as "unstable". Now the work begins to start stripping all those `unstable_` prefixes off of the
@remix_run
Vite plugin.
4
8
126
This is exactly why its so nice for Remix to be a plugin, and not a compiler. Look at how clean that is!
2
8
123
Wake up bae, another
@remix_run
decision doc just dropped
👉
This one's pretty in the weeds, but good foundation as we stabilize
@vite_js
support.
8
8
121
I invented a tiny React-like ⚛️ framework for the terminal!
It's just enough for me to be able to teach HMR without needing to deal with network/websockets/different JS runtimes/etc.
Stay tuned for the full tutorial: "What the heck is HMR anyway?"
4
4
122
I've worked so hard the past couple months on getting HMR + HDR in
@remix_run
⚡️ to feel great. It's so validating to see it working well, esp. on
@vite_js
! 🥲
Shout out to
@ebey_jacob
,
@markdalgleish
, and
@brophdawg11
who all helped out! 💪
It's hard to capture in a video how instantaneous the new experimental
@remix_run
plugin for
@vite_js
feels
Of course this is the simplest of simple demos, but if this continues to scale I'm super excited for the future
And the dev speed is just the tip of the iceberg
15
18
167
3
11
116
Just putting the icing on the
@remix_run
&
@vite_js
cake now 🎂
For the eagle-eyed among you: yes, 12 new and unexpected tasks snuck into the "Done" column since last time 😅
4
6
116
This is HUGE! The new (experimental) runtime API unlocks the ability to delegate server code execution to `workerd`.
Massive step towards closing the dev/prod gap with
@Cloudflare
&
@vite_js
.
Vite 5.1 is out! ⚡️
🛠️ Experimental Vite Runtime API (vite-node into core), unlocking HMR for SSR and running code using Vite plugins in any environment
🔥 Dev server performance improvements
✨ import `css?url` support and more!
36
189
1K
2
14
114
@remix_run
just got even better:
🔥 HMR + HDR for all 🔥
`unstable_dev` 👉 `v2_dev`
Now just gotta update docs and templates ✍️
6
14
110
@little_bret
"Say no to most things so you can focus on the few important things" - Google Gemini
0
2
110
Just launched my new website:
Plan is to do a ton of technical writing this year, so look for my blog posts there!
Built with
@remix_run
, of course 😉
17
5
107
🚀 New package! babel-dead-code-elimination: composable primitives for dead code elimination in Babel
Hoping this can be the canonical DCE algo for frameworks. Thanks to
@_developit
,
@nextjs
,
@localhost_5173
, and
@tannerlinsley
for prior art!
5
11
107
#4
on HackerNews with unoptimized
@remix_run
app running on the free tier of
@flydotio
.
No caching of any kind and dynamically transforming markdown in git to HTML on-demand. And with images too.
90% of responses <190ms, 99% <461ms. 🔥
Insanely good made so easy 😍
2
7
106
People keep asking when
@remix_run
will stabilize
@vite_js
support.
My answer has always been "It's done when it's done".
But dang, we're so close now 🤏
4
3
103
Just got back from my trip and look what was waiting for me!
@remix_run
lookin bigger and better than ever
3
4
99
In the next
@remix_run
release, you'll have access to esbuild metafiles for all the build steps (css,js,server)!
PR 👉
You can upload these to to analyze your bundles 🔬
6
10
96
Needed to relax with something slower after working on Remix + Vite 🏎️🏁
9
0
84
Just merged a bunch of improvements to the
@Cloudflare
preset for the
@remix_run
vite plugin.
So much easier to get consistent load context across Vite, Wrangler, and CF deployments.
PR:
Check out the docs on the dev branch 👇
9
4
84
Interested in nitty gritty technical decisions being made at
@remix_run
? Check out our decision docs!
Just finished writing the decision doc for `useLoaderData` type inference. TONS of interesting nuance in that decision:
3
16
80
Captain's log 📝 Star date 098234J ✨🪐
Today's mission was a success.
@ebey_jacob
and I got HMR events wired up from the
@remix_run
compiler into the browser in under an hour. 🧑🚀
On to implementing the client-side HMR runtime + React Refresh. 🚀
6
9
80
HUGE dev server improvements for
@remix_run
just dropped! 🦾
Already have a couple things to fix and optimize, but soooo close to releasing the new dev server as stable.
Can't wait 🤩
4
8
78
Planning to stream Crafting Interpreters, building an interpreter from scratch, in
@typescript
then VM in
@rustlang
or
@OCamlLang
.
Also maybe the ✨ legendary ✨ Structure and Interpretation of Computer Programs, problems + solutions.
In addition streaming
@remix_run
dev
9
2
77
Haven't posed about defineRoute progress for
@remix_run
in a bit. But that's because I'm cookin up something even better for route typesafety.
Just demo'd a prototype of it to the Remix team. If it keep going well, should be ready to share some details soon!
6
1
80
I'm blown away by how thorough Hiroshi's contributions have been. Example:
👉
He's landed 40 PRs with the same attention to detail in
@remix_run
to improve our
@vite_js
plugin in the last ~2 months! 🤯
👉
I just started sponsoring hi-ogawa because I'm amazed by the way he is contributing to
@vitest_dev
and
@vite_js
. He is incredible sharp. And it has been one of the hidden benefits of
@remix_run
move, as he is focusing on improving the Remix/Vite story.
0
4
44
2
6
72
Surreal to see
@ChromiumDev
cover stuff I personally worked on 🤯 esp. bringing
@vite_js
to
@remix_run
Queue the imposter syndrome! 😅 Seriously grateful be part of the Remix team, love working with y'all
3
5
73
New blog post: Go-like channels in 10 lines of Javascript
It's a technique I used in the Remix compiler implementation!
2
13
70
Captain's log 📝 Star date Q78235R ✨🪐
The eagle has landed 🦅
🔥 HMR + Hot Revalidation in Remix is available for intrepid adventurers on the `0.0.0-experimental-0ec995c53` release. 🚀
One small PR for
@remix_run
, one giant leap in DX 🧑🚀
Will post a demo video soon... 👀
0
4
68
Captain's log 📝 Star date 098234Z ✨🪐
@ebey_jacob
and I have reached HMR, a small moon in the DEV_SERVER system. We've discovered intelligent life on the main planet, SSR.
Reporting back to
@remix_run
station: SSR-aware HMR is on the horizon.
3
7
67
I'm a snake_case 🐍 fan. Seeing
@rossipedia
and
@Rich_Harris
show their ❤️ for it recently inspired me to finally write out why I think snake_case is the best case:
One hunch: it preserving word silhouettes that may tap into our prose-optimized perception
5
10
65
Got HMR 🔥 working in my tiny React-like ⚛️ framework for the terminal!
How cool is that?! Can't wait to use this simple, barebones playground to teach how HMR works.
Stay tuned for the full tutorial: "What the heck is HMR anyway?"
2
1
64
Videos for
@remix_run
's new dev server (v2_dev) are up!
👉
👉
👉
😅 realizing that I need a more consistent mic setup 🎤
8
7
63
In a future where improvements from
@remix_run
+ RSC feed back into React Router, I'll be able to say:
"My website is RR SSR + RSC. It's CSR'd after initial load. Subscribe via RSS!"
...RSC,CSR,SSR,RSS,RR...
It's like some weird haiku-like gibberish😅
4
0
61
Captain's log 📝 Star date X98235T ✨🪐
The alien tech is more than just HMR. It "hot revalidates loader data" 🔥 according to the aliens. 👽
Integration with our
@remix_run
mothership is successful. Our scientists 👩🔬 are testing it now to make sure it's safe for universal use.
7
6
61
New blog post: Offline dev and testing for
@remix_run
I've seen ways of integrating MSW with Remix before, but none that did so with the built-in Remix dev server.
Note that this _should_ get even easier with
4
4
60
Prepping my talk for
@remix_run_nyc
tomorrow...
@vite_js
is _just_ another compiler, right?
So what would Remix be like in an alternate universe where we stuck with esbuild?
Surely, we should have opened up the compiler sooner, right? RIGHT??
As always, the details matter 😉
1
2
57
Cooking up crazy amounts of dev server improvements for
@remix_run
. Can't wait for you all to try it out soon!
👉
1
5
57
Not only that, but
@vite_js
's Environment API's gives
@remix_run
a way to run server code in workerd, unlocking local
@CloudflareDev
DX w/ all the Vite goodies your used to!
And the build orchestration piece also unlocks RSC integration. So hyped!
The
@vite_js
Environment API is super exciting. It unlocks so many new use cases, but close to my heart is that it'll let
@remix_run
get back to being "just a Vite plugin" since plugins can co-ordinate multiple builds when invoked via `vite build --all`.
5
27
161
2
9
55
Fixed it for ya. Each line is independently comment-able so you can move precedence easily. Plus less git noise this way.
Reads like a set of cascading preconditions/early returns. I wrote about similar thing in a blog post:
👉
4
2
51
In the
@remix_run
lab 👨🔬 experimenting with even better
@Cloudflare
support for
@vite_js
Long term, Vite's Runtime API will replace this. But until that stabilizes, we're giving you the best DX for CF we can.
Credit to
@DarioPiotrowicz
for the help!
2
2
51
My
#RemixConf
talk about Legendary DX in
@remix_run
thru HMR + Hot Data Revalidation 🔥 is now up on Youtube!
Link to the video and a writeup of some clarifications can be found in my new post about the talk.
2
5
49
@remix_run
v2 is out!
My wife made this sign for me like 3 months ago 😅 I was a _little_ optimistic, but now its finally time to celebrate 🍾
Today's the day, we've officially released Remix v2!
Read
@mjackson
's post all about what v2 offers and for a glimpse into Remix's future 👀
29
201
888
3
1
49
For example,
@remix_run
Indie stack got ~2x faster builds and 3x faster rebuilds. 🤘
Plus check out those new, pretty logs! 🤩
Next release is gonna be great!
Spent the week on perf optimizations for
@remix_run
with
@markdalgleish
and
@ebey_jacob
.
I've seen build/rebuild times get 4x faster in some projects and ~20x faster in some extreme cases 🏎️
Highly depends on what your project looks like, but exciting!
2
4
40
0
0
48
Experimenting with prettier logging for
@remix_run
`unstable_dev`.
Still need to beautify the future flag warning, but other than that what do you think?
9
0
48
Oh and checkout the new docs for Cloudflare on the `dev` branch 👇
General:
Migrating:
Happy to report that
@Cloudflare
Pages support in
@remix_run
's Vite plugin is now merged! 🥳
Only officially support CF pages, since CF says not to use Workers Sites for fullstack apps:
But if anyone wants to try with Workers, let me know how it goes!
15
29
246
2
4
45
Just paired w/
@mjackson
on more programmatic routing ideas for
@remix_run
and never been more excited about what we're cooking 🧑🍳
Like
@jacobmparis
said, all doable today in userland w/ routes config, just honing this w/ better defaults + APIs
People complain about Remix's routing but they're always talking about the file convention
I LOVE the routing, but I usually want to tweak the file convention
and that's something people should feel more comfortable doing
8
3
24
3
0
44
For anyone else migrating their
@remix_run
app to our
@vite_js
plugin, this is a great reference migration that touched all the edge cases 🐨🏂🤘
Step-by-step:
is now running on
@remix_run
+
@vite_js
!
This was a major milestone for us on the road to marking the Vite plugin as stable. Kudos to
@pcattori
for making this happen, and obviously
@kentcdodds
for helping us out.
5
4
94
2
6
41
Not one, not two, but THREE videos on the new dev server are done! 🎥
Will upload to the
@remix_run
Youtube channel as soon as they finish exporting 🤘
2
1
42
Super cool to see defineRoute animated by
@matt_stobbs
!
Excited about typesafety esp. when both serverLoader + clientLoader are set; most put the wrong type in the `useLoaderData` generic. It'll be automatically correct soon!
Spent the weekend playing around with Remotion and Codehike and ended up creating a quick video explaining the up-coming defineRoute in
@remix_run
3
3
50
4
0
40
When I see
@frandiox
&
@hiroshi_18181
working on getting
@vite_js
to run workerd for native Cloudflare support in
@remix_run
4
1
40
Spent the week on perf optimizations for
@remix_run
with
@markdalgleish
and
@ebey_jacob
.
I've seen build/rebuild times get 4x faster in some projects and ~20x faster in some extreme cases 🏎️
Highly depends on what your project looks like, but exciting!
2
4
40
React Conf was a blast. Highlights include:
Talking typesafe routing w/
@tannerlinsley
Hearing how much
@threepointone
loves
@remix_run
‘s old manual mode (might rename to “Sunil mode” 😜)
Meeting
@adamwathan
to chat about framework-ness of React Router
…and more!
2
0
38
Finally got time to review some community PRs and address some issues in
@remix_run
this morning.
Seems like I wasn't the only one on the team feeling that way; 95 issues closed since last week!
🙏 to everyone, but esp.
@mac_hour
&
@MichaelDeBoey93
for triaging and PRs.
1
5
36
Hot off the presses, another
@remix_run
decision doc!
Particularly proud of how we navigated the thorny issue of mixed client & server code for
@vite_js
's dev server. 💪
Shout out to the venerable
@markdalgleish
for pairing on this with me.
3
2
36
@remix_run
v1.16.1 is out! Even more dev server goodness 🎉
Never been a better time to try Hot Data Revalidation 🔥 Now I can focus on perf improvements for the new dev server for next release 🤩
👉
1
3
35
Real CI failure in
@remix_run
codebase. Somewhere on a distant mountain in Utah,
@ryanflorence
weeps CONSTantly.
2
0
34
@remix_run
v1.18 is released w/ new dev server stabilized 🦾
That means hot updates 🔥 via HMR + HDR!
What's "HDR"? Check out the new docs to find out!
Plus a ton of perf improvements! Most apps will be at least 10% faster, but some up to 10x faster! 🏎️
This is a pretty significant release of
@remix_run
! A very fast dev server gets even faster ⚡️
7
16
162
2
3
33
The order of properties affects TypeScript inference, which seems like a bug to me.
Interestingly, if I change the method to be an arrow function or change the order of the object properties, inference works as expected. Is this intentional?
Playground:
6
4
33
Everyone replying "just use `if`/`switch`" has never authored conditional types in TS, where ternaries are the only option.
On, and here's how I'd format it 👇
Real code w/ different ternary formats:
❌
✅
Nested ternaries aren’t good or bad. They’re contextual.
A nested ternary that contains 100’s of lines of code? Yuck. 🤮
A nested ternary that contains a few lines of simple code? Fine by me.
Example:
159
39
755
6
5
33
If you want to see what the future of
@remix_run
routing could look like, might want to check out my stream this week for a sneak peek 😉 It's literally the next thing on my plate!
not gonna lie, coming from other frameworks Remix’s routing had me wasting a few hours too
19
3
93
3
0
33
First day trying OCaml! Here's my solution for day 1 of
#AdventOfCode
2023.
👉 `|>` for pipelining is great
👉 Surprised something like `%>` doesn't already exist, but maybe I overlooked it.
👉 Really love passing `(+)` as an arg. Its a function, treat it that way!
4
2
31
🔴 Live working on more typesafe routes for React Router +
@remix_run
ft. `defineRoute`
Look ma, no `useLoaderData<typeof loader>`!
Coming soon to a React Router v7 (and probably will backport to
@remix_run
2.x too)
23
27
244
0
1
32
Shout out to
@dmarkow
for filing super comprehensive bug reports for
@remix_run
💯
Starting this week with a bug smashing session on the road to stabilizing the new dev server and the info he's added has been invaluable!
Love having such a collaborative community for Remix ❤️
0
3
30
Trying out this streaming thing, live now!
🔴
Going to be working on making single-fetch typesafe in
@remix_run
4
5
31
The design decisions
@markdalgleish
and I have made for vite-env-only are super interesting. Maybe I should submit a talk for it 🤔
I'm particularly proud of the type-safety it provides and how we implemented composable dead-code elimination 🤓
I'm excited about the work
@pcattori
and I are doing on vite-env-only. It's becoming a great little toolkit for Vite apps with server and client code mixed in the same file, making the boundaries more explicit and providing better errors when you slip up:
2
2
35
1
1
31
Can't wait for
@ViteConf
!
Collab'ing with the Vite community on
@remix_run
has been a highlight of the past year for me 🤝
1
3
29
Me continuously looking into the oven (CI checks) for the last PR needed to stabilize the
@vite_js
&
@remix_run
cake 🎂
Just putting the icing on the
@remix_run
&
@vite_js
cake now 🎂
For the eagle-eyed among you: yes, 12 new and unexpected tasks snuck into the "Done" column since last time 😅
4
6
116
3
0
29
Love to hear it! A big goal of ours for
@remix_run
is to get out of your way and let you focus on your app, so this is great validation for us 🤝
I decided to use
@remix_run
in my video course on
@ApiMocking
because I like how it handles resource fetching (its loaders and actions). But in any case, it really doesn’t matter what framework you use when mocking APIs with MSW.
That’s the entire point.
Remix is fantastic for
1
4
67
3
0
29
Best part is there's literally 0 type annotations required 🥹
1
0
30
@maverickdotdev
@remix_run
@vite_js
Instead of Remix having to implement a compiler on top of esbuild, Remix would instead become a plugin for Vite. Faster, more reliable, pluggable, etc.
See
0
1
28
We mused about this API months ago, but kudos to
@markdalgleish
for making it a reality! Love how it came out 🤩
⚠️ Server code accidentally landing in your
@vite_js
client builds?
✅ vite-env-only v2.3.0 is out now with even more ways to guard against this!
🚀 Pairs well with
@remix_run
(as you can see below) but this is useful with any Vite-based server+client build.
2
17
158
1
2
26
If HMR has always seemed magical 🪄 to you, come watch me reinvent HMR in 50 lines of JS tonight during the
@RemixBayArea
live stream!
👀 Sneak peek:
Join us on Zoom tomorrow, Nov 29th, at 5:15 pm PST for "What the heck is HMR anyway?" by
@pcattori
where he will implement HMR in <50 lines of JS!
RSVP here:
2
8
10
1
4
25
@remix_run
Also did a bit of redesign and not relying on `defineRoute$` as a macro anymore, so dropping the `$`. Instead, relying on `export default` location to know where to look for `loader`/`action` when stripping server code from browser bundle
4
0
25