Pedro Cattori

Pedro Cattori

@pedrocattori.com

principal engineer @cloudflare.social steering team @reactrouter.com formerly @shopify / @remix.run

1.2K followers115 following36 posts

Pedro Cattori
@pedrocattori.com

React Router going from 11M to 16M since the start of the year. Crazy that there's so much room for growth still! Bringing all that Remix goodness to so many users feels so good *ofc these are just trends, so don't read too much into the absolute numbers

Pedro Cattori
@pedrocattori.com

When Remix adopted Vite, there were 2 notable drawbacks: 1. Dev vs. prod differences with bundling 2. Dev only supported Node as first-class runtime @rolldown.rs will solve (1), and now @vite.dev 's Env API has solved (2)! blog.cloudflare.com/introducing-...

blog.cloudflare.com“Just use Vite”… with the Workers runtimeThe Cloudflare Vite plugin integrates Vite, one of the most popular build tools for web development, with the Workers runtime. Today, we are announcing the 1.0 release and official support for React R...

Pedro Cattori reposted

Tech Documentaries
@techdocu.bsky.social

📽️ From a radical rethink to the new standard in speed and simplicity, @vite.dev v has become the go-to tool for modern web development. Discover its story and the impact shaping the future of the web

 The @vite.dev Documentary is coming soon! Stay tuned for the release date! 🚀

Pedro Cattori
@pedrocattori.com

If you got on React Router v7 early, make sure you try out verbatimModuleSyntax in your tsconfig! It'll automatically add `type` modifier when auto-importing generated types like `Route` and its what we recommend now

Pedro Cattori
@pedrocattori.com

Comments like this make it all worth it! Already have improvements and simplifications to the type-safety lined up for upcoming v7.x releases 💪 bsky.app/profile/john...

John Resig@johnresig.com

I switched a Remix-using side project over to React Router v7 this past weekend and the new route-level type safety is pretty great! reactrouter.com/explanation/... been looking forward to this for a long time, code is a lot less clunky now being able to remove useParams/useLoaderData/etc.

reactrouter.comRoute Module Type Safety
Pedro Cattori
@pedrocattori.com

Every week I get more validation that moving Remix (now React Router) onto @vite.dev was a good idea. This week is no different! bsky.app/profile/rphl...

Raphaël Moreau ⚡️@rphlmr.com

React Router Hono Server becomes a @vite_js plugin and is now compatible with React Router v7 (@remix_run) 🥳 It hasn't been easier to link @honojs and React Router: npm install react-router-hono-server@latest Then add reactRouterHonoServer() to your Vite plugins That's all!

github.comGitHub - rphlmr/react-router-hono-server at v2.0.0Remix with Hono in less than 30 seconds. Contribute to rphlmr/react-router-hono-server development by creating an account on GitHub.
Pedro Cattori
@pedrocattori.com

💯 This is exactly why I designed React Router's `typegen` command to be used in tandem with `tsc` and didn't just hardcode typegen into `react-router build` bsky.app/profile/josh...

Josh Ghoulberg 👻@joshuakgoldberg.com

💡Dev tooling is a lot friendlier to work with when "fail the build" is not the same as "fail CI". Linting, testing, type checking, etc. - none of these things should stop your ability to build & test locally in most setups. But blocking merging a PR is a different story.

Pedro Cattori
@pedrocattori.com

Just landed the first set of parent-route-aware types for React Router v7 . More to come (`useMatches`, `<Link to />` etc..), but the ease of adding this feature is great validation of our typegen approach. github.com/remix-run/re...

github.comtypegen: parent routes by pcattori · Pull Request #12282 · remix-run/react-routerAs an example, this drastically improves typesafety for matches in meta. Previously (see #12278), you needed to cast each match. Now matches automatically knows the parent routes for each route, al...

Pedro Cattori reposted

Alem Tuzlak
@alemtuzlak.bsky.social

This is still a prototype, but in the first release of react-router-devtools (coming with react-router v7) you will be able to see your Remix.run calls to everything on a brand new network tab! 🔥 Execution times, orders, real-time info, data returned, everything! 🤩

You are up to date.