Type-safe href

[ryanflorence]

Planning Notes

• Should have something to play with in the next couple of days (JAN 13)

[pcattori]

PR: #12752
Initial experimental release with href: 0.0.0-experimental-345f1da12

PR: #12994

[pcattori]

New experimental release with href and union of possible child routes for matches: 0.0.0-experimental-759a11a62

[fredericoo]

So similar to my solution for react-router v6 over a year ago: https://github.com/fredericoo/react-router-typesafe?tab=readme-ov-file#typesafebrowserrouter-%EF%B8%8F-new

[pcattori]

Experimental (just types for href, no runtime): 0.0.0-experimental-004e483a8

[ramrami]

Awesome!
Any plans for supporting typed query strings too? Like what safe-routes does?

[pcattori]

Awesome! Any plans for supporting typed query strings too? Like what safe-routes does?

It's on our radar, but you can use nuqs if you want type-safe query params today in Remix/React Router

[franky47]

Thanks for mentioning it @pcattori !

I think the question is relevant though. TanStack Router/Start has set the bar very high for type-safe routing, and we should look for ways to bring the same (or at least very close) levels of DX in other frameworks.

nuqs has the serializer feature that generate URLs with type-safe search params, but integrating it with type-safe base pathnames would make it even more powerful.

I'll try this proposal for react router and see what I can do on my end.

[github-actions]

🤖 Hello there,

We just published version 7.2.0-pre.2 which involves this issue. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!