Welcome to the Remix Newsletter!
β
It's been a minute since our last one. We hope you had a wonderful summer and stayed cool (or warm if you share a hemisphere with Remix core member Mark Dalgleish).
β
Let's dive in πΏ
Remix and React Router Updates
While most of our effort has been on finishing React Router v7, the team still managed to fix a number of bugs, stabilize multiple APIs, and improve existing unstable features like Single Fetch and Lazy Route Discovery (a.k.a Fog of War).
Remix v2.11.0, v2.11.1, v2.11.2
- Add a new
replace(url, init?) alternative to redirect(url, init?) that performs a history.replaceState instead of a history.pushState on client-side navigation redirects
- Renamed
unstable_fogOfWar future flag to unstable_lazyRouteDiscovery for clarity and simplify implementation based on changes to React Router's unstable_patchRoutesOnNavigation
- Single Fetch: Remove
responseStub in favor of headers
- Single Fetch: Fix redirects when a
basename is present
-
Single Fetch: Update
turbo-stream to v2.3.0
- Stabilize object key order for serialized payloads
- Removed memory limitations on payload sizes
- Single Fetch: Add a new
unstable_data() API as a replacement for json/defer when custom status/headers are needed
β
βRead the full Remix changelog ββ
React Router v6.25.0, 6.25.1, v6.26.0, v6.26.1
- Add
replace(url, init?) and unstable_data() (see above)
- Fix a number of errors with
future.unstable_patchRoutesOnMiss and rename it to unstable_patchRoutesOnNavigation
- Stabilize
future.unstable_skipActionErrorRevalidation flag into future.v7_skipActionErrorRevalidation
- Stabilize
shouldRevalidate's unstable_actionStatus parameter to actionStatus
β
βRead the full React Router changelog ββ
React Router v7 Progress Update
Ever since we announced our plans to merge Remix into React Router, we have received this question almost daily:
β
It's a fair question, especially since we promised and teased new features coming in React Router v7, such as:
β
- RSC
- server actions
- static pre-rendering
- enhanced Type Safety
Our team is very hesitant to give deadlines that only have the potential to disappoint, but we can say with great confidence that we will be shipping an alpha for React Router v7 very soon.
β
According to our internal project board, we only have 5 remaining tasks before we can ship an alpha. We've closed 78, if that helps put our progress in context. Additionally, most of the remaining tasks have to do with stabilizing features and adding deprecation warnings.
β
Rest assured, we will let you know as soon as we release the React Router v7 alpha. We've made a big promise to create a smooth upgrade path for both React Router and Remix users, and getting your feedback will be vital to us delivering on that promise.
If you're asking yourself what you should be using right now, our advice has been and remains the same:
β
"We recommend using Remix today. You can deploy a single page app if you're not interested in server rendering, or take advantage of React and Remix's server features like streaming, server loaders, actions and more."
And if you really can't wait for the alpha, you can always just install react-router@nightly and live life on the wild side. It's good enough for the the Remix Contacts tutorial.
β
βCheckout the contacts tutorial with React Router 7 (nightly) ββ
Featured Resource: Remix PWA
β
Remix PWA is a PWA framework that seamlessly integrates Progressive Web App (PWA) features into Remix including offline support, caching, installability on Native devices and more.
β
Unlock the future of web artistry with Remix PWA π. Powered by Vite β‘, craft Progressive Web Apps that redefine the boundaries of creativity and performance π. Your digital canvas awaits! π©βπ¨
β
βGet started with Remix PWA today ββ
Fresh Code
We're working on a new and better approach to configuring routes, better type safety for Single Fetch, and fixing those pesky 504 Outdated Dependency errors in development by automatically detecting and optimizing dependencies.
β
β
Additionally, co-founder Michael Jackson has been on an open-source rampage, publishing a bunch of packages built on web standards. We'll be talking about these more in the future, but for now, feel free to check out the READMEs:
β
- βfile-storage: Key/value storage for JavaScript
File objects
- βform-data-parser: A
request.formData() wrapper with streaming file upload handling
- βheaders: A toolkit for working with HTTP headers in JavaScript
- βlazy-file: Lazy, streaming
Blobs and Files for JavaScript
- βmultipart-parser: Fast, efficient parser for multipart streams
β
We also just had a Remix Roadmap Planning livestream, where Michael and Ryan talked about the current state of Remix/React Router and what's coming next. Be sure to check it out and subscribe to get notified for our next one.
β
βWatch the most recent Roadmap Planning livestream ββ
Connect at a Remix Meetup
Remix Meetups are run voluntarily by members of the community all around the globe with in-person and online options. These meetups feature local speakers, hackathons, workshops, and more!
β
βFind a meetup near you ββ
β
β
β
No meetups near you? Reply to this email if you are interested in starting your own meetup. We've even created some guides to help you successfully start a Remix Meetup.
β
βStarting a New Remix Meetup ββ
If you enjoy getting this email, please let us know! We'd love to hear from you, what you like about Remix and these updates, and any suggestions you have to improve them.
β
- The Remix Team