So with that installed we got react-router version 6 and if I now run npm start you will see that this project won't work if I try to visit this page I now get an error that switch is not exported from react-router-dom:Īnd that's one of the first changes when using react-router version 5 we use this switch component which is provided by the react-router package to wrap our routes and make sure that only one of these routes is loaded at the same time instead of all matching routes and typically that is what you want you to want to define multiple routes but only one route should be active at a given point of time:
#REACT ROUTER DOM VERSIONS INSTALL#
So once you downloaded and extracted that snapshot you should run npm install to install all the core dependencies that come with that project and once you did that you should install react-router version 6 and you do this by running npm install react-router-dom and that's important you want react-router-dom which is the browser version of react-router and then add which ensures that you install the latest version 6 and that's what we can do here: Now to see what changed and write some code I created a little snapshot, a little project snapshot which git repo link will be given at the end of this article does use react-router version 5 so which does not use version 6. Now to learn about react-router version 6 you can of course check out the official website and the documentation you find there and specifically there also is an upgrading guide where you will find detailed upgrading steps and where you also learn what's new and what changed and this is a quite long document and if you want to have all the details you should definitely also dive into it.īut in the end, it's really simple to upgrade and not a lot changed when it comes to the code that we write under the hood version 6 is a lot better than version 5, and therefore if you can upgrade you should of course strongly consider doing that.
#REACT ROUTER DOM VERSIONS UPDATE#
React-router version 6 was released and this is quite important because react-router is one of the most used and most important react packages that you find out there a lot of react projects need routing and therefore a lot of react projects do use react-router in this article I will walk you through what's new with react-router version 6 and of course I will also show you how you could update an existing react app that's using react-router version 5 to react-router version 6.
0 kommentar(er)
