Let's cut to the chase - major version upgrades can be a pain. Especially for something as foundational to your application as the framework or router it's built on. For Remix and React Router, we want to do our best to give you the smoothest upgrade experience possible.
Our goals for major Remix and React Router releases are:
We plan to do this via what we're calling Future Flags in the remix.config.js
file. Think of these as feature flags for future features. As we implement new features, we always try to do them in a backwards-compatible way. But when a breaking change is warranted, we don't table that feature up for an eventual v2 release. Instead, we add a Future Flag and implement the new feature alongside the current behavior in a v1 minor release. This allows users to start using the feature, providing feedback, and reporting bugs immediately.
That way, not only can you adopt features incrementally (and eagerly without a major version bump), we can also work out any kinks incrementally before releasing v2. Eventually we also then add deprecation warnings to the v1 releases to nudge users to the new behavior. Then in v2 we remove the old v1 approach, remove the deprecations, and remove the flag - thus making the flagged behavior the new default in v2. If at the time v2 is released, an application has opted into all future flags and updated their code - then they should just be able to update their Remix dependencies to v2 and delete the future flags from their remix.config.js
and be running on v2 in a matter of minutes.
Future flags come in 2 forms:
future.unstable_feature
unstable_
flags allow us to iterate on the API with early adopters as if we're in v0.x.x
versions, but for a specific feature. This avoids churning the API for all users and arriving at better APIs in the final release. This does not mean that we think the feature is bug-ridden! We absolutely want early adopters to start using these features so we can iterate on (and/or gain confidence in) the API.
future.v2_feature
v2_
indicates a breaking change from v1 behavior and implies (1) that the API is considered stable and will not under any more breaking changes and (2) that the API will become the default behavior in v2. A v2_
flag does not mean the feature is bug-free - no software is! Our recommendation is to upgrade to v2 flags as you have the time, as it will make your v2 upgrade much smoother.
The decision flow for a new feature looks something like this:
The lifecycle is thus either:
future.unstable_
flag in current major -> Lands in current majorfuture.v2_
flag in current major -> Default behavior in next majorfuture.unstable_
flag in current major -> future.v2_
flag in current major -> Default behavior in next majorFlag | Description |
---|---|
unstable_dev |
Enable the new development server (including HMR/HDR support) |
v2_errorBoundary |
Combine ErrorBoundary /CatchBoundary into a single ErrorBoundary |
v2_headers |
Leverage ancestor headers if children do not export headers |
v2_meta |
Enable the new API for your meta functions |
v2_normalizeFormMethod |
Normalize useNavigation().formMethod to be an uppercase HTTP Method |
v2_routeConvention |
Enable the flat routes style of file-based routing |