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! ♡
On this page of the site you can watch the video online React JS Tutorial - 02 NAVIGATION - react-router-dom with a duration of hours minute second in good quality, which was uploaded by the user Carmelle Codes 28 January 2021, share the link with friends and acquaintances, this video has already been watched 1,495 times on youtube and it was liked by 35 viewers. Enjoy your viewing!