Learn how to add react-router on our base project and explore a basic route.
- [Instructor] The beauty of our base web project…is that we already got a menu with potential links,…cards that when we click on them,…we could send to another page, et cetera.…Plenty of opportunities to create routes.…So let's start with a basic route.…So before we actually start we wanna make sure…we have React Router installed inside of our project.…So let's shut down our server here by doing CTRL + C,…and if you don't have the Terminal open,…you can open it by clicking on View, Integrated Terminal,…and then you'll have this.…And what we need to do is install,…so do an npm install react-router-dom,…and I'm gonna do --save for those that are still…on legacy npm, otherwise you don't have to do that.…
Once the dependency is installed,…we can start our application again, npm start.…The application is good so let's go back to here, perfect.…And let's close our terminal.…And the first thing I wanna do is start using…the extension we installed earlier.…So let's go back to that extension, click on here,…and then scroll down to the actual shortcuts.…
- What is routing?
- How React Router can be used across different types of projects
- Web routing and native routing
- How to do URL params and dynamic routing
- Basic React Native routing
- Server-side rendering use cases
- Testing use cases