React JS Tutorial - 02 NAVIGATION - react-router-dom
Learn how to make a navigation bar go to different parts of your application by installing react-router-dom and using the Link component. React Router is a popular npm package for navigation, used in both web apps and phone apps. React Router Dom is specifically for web applications. I’ll take you through the setup required for it, basically wrapping your entire app with Router and setting up the right Switch and Route components so that your app knows what to render based on the url path that the user is viewing. In part 3, I’ll use Firebase for a Login page.
Level: Beginner
Part 01: • React JS Tutorial - 01 BEGINNER BASICS
0:00 Intro
1:09 Install react-router-dom
1:28 Setting up the boilerplate React Router components
2:49 Move NavigationBar to always be visible
3:10 Switch component
3:56 Route component
5:03 Link component
6:03 Styling React Router Link component
♡ Thank you for watching! ♡
