npm react-router-dom 0.0.0-experimental-ffd8c7d0
v0.0.0-experimental-ffd8c7d0

latest releases: 6.23.0-pre.0, 0.0.0-experimental-0f302655, 0.0.0-experimental-c7dd3d3a...
3 years ago

This release is based on v6.0.0-beta.0 and adds a few features that are targeted at supporting React suspense for data loading. These features are:

  • A timeoutMs prop that may be passed to a <BrowserRouter>, <HashRouter>, <MemoryRouter>, or <NativeRouter>. This timeout dictates how long these routers will wait before transitioning to a new page after the URL has changed. The default timeoutMs is 5000 (5 seconds).
  • useLocationPending hook that returns true if a transition to a new location is pending
  • <Route preload> function that is called whenever a route matches and is about to render. This function is typically used for pre-seeing client-side data caches for data retrieval later during rendering, which may trigger suspense.

Development on v6's experimental channel is happening on the dev-experimental branch, which tracks all changes that occur on the dev branch.

What does "experimental" mean?

React Router v6's experimental release channel follows the same semantics as React's own experimental channel, which means that it is used for features that are not yet ready for a stable release. Use the experimental releases to try out new features before they are released.

Installing

If you'd like to test it out, install from npm:

$ npm install history react-router-dom@experimental

Or, if you're on React Native:

$ yarn add history react-router-native@experimental

We are actively working on documentation. For now, if you're just interested in testing things out you may be interested in the getting started guide. If you're interested in upgrading an existing app, please check out the v5 to v6 migration guide. There is also a comprehensive API Reference.

Enjoy!

Don't miss a new react-router-dom release

NewReleases is sending notifications on new releases.