Do you want BuboFlash to help you learning these things? Or do you want to add or correct something? Click here to log in or create user.



Version 6 is a great chance for us to get the router all ready for the future of React: suspense. Instead of giving you access to the history instance directly (usage of which would introduce subtle bugs in a suspense-enabled app), v6 gives you a useNavigate hook. This is useful any time you need to navigate imperatively, e.g. after the user submits a form or clicks on a button.
If you want to change selection, open document below and click on "Move attachment"

React Router v6 Preview&lt;title&gt;<meta name="description" content="React Corporate Workshops, Training, and Consulting"><meta name="og:title" content="React Router v6 Preview"><meta name="og:description" content="React Corporate Workshops, Training, and Consulting"><meta name="og:image" content="https://reacttraining.com/images/blog/react-router-v6-social.jpg"><meta name="og:type" content="website"><meta name="og:url" content="https://reacttraining.com/blog/react-router-v6-pre"><meta name="og:site_name" content="ReactTraining.com"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="React Router v6 Preview"><meta name="twitter:site" content="@ReactTraining"><meta name="twitter:creator" content="@ReactTraining"><meta name="twitter:image" content="https://reacttraining.com/images/blog/react-router-v6-social.jpg">&lt;head&gt;<body data-theme="light"><div class="flex flex-col min-h-screen"><div class="center-panel bg-custom-black"><div><header role="banner" class="pt-1 pb-1 flex gap-6 content-center"><div class="flex-1"><a class="block" href="/bubo5/browser?url=https%3A//reacttraining.com/" rel="nofollow"><svg viewBox="0 0 420 140" style="width:5em" role="img" class="react-training-logo"><title>React Training</title></svg></a></div></header></div></div></div></body>
ct-router-config package in v5. In v6, this configuration format has been promoted to a first-class API in core and the react-router-config package will be deprecated. Suspense-ready Navigation <span>Version 6 is a great chance for us to get the router all ready for the future of React: suspense. Instead of giving you access to the history instance directly (usage of which would introduce subtle bugs in a suspense-enabled app), v6 gives you a useNavigate hook. This is useful any time you need to navigate imperatively, e.g. after the user submits a form or clicks on a button. import React from 'react' import { useNavigate } from 'react-router-dom' function App() { let navigate = useNavigate() let [error, setError] = React.useState(null) async function handle


Summary

statusnot read reprioritisations
last reprioritisation on suggested re-reading day
started reading on finished reading on

Details


Discussion

Do you want to join discussion? Click here to log in or create user.