Build A React JS Website From Scratch - Beginner Tutorial Using React Router Dom

Follow along and see how I built this space travel website in React JS. We will be using a couple react packages such as "React Icons" and "React Router Dom V6" so we can have multiple pages in our React application. The homepage features a full width video hero component that we will create. Also, we will be passing in dynamic data via props to a hero image class component we create allowing us to reuse a component while adding different data to each page. I would appreciate any feedback from you. Thank you for following along. Free Resume Template https://bit.ly/3BMRa4A ZeroTo Mastery: Master React JS Course - https://bit.ly/Learn-React-JS Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer... Coding Challenges! https://bit.ly/Code-Challenges React-Router-Dom Version 6 Video:    • How to Build a React Application with Reac...   ☕ Buy me a Coffee ☕ https://www.buymeacoffee.com/clintbriley Instagram 💪   / fireclint   Time Stamps: 00:02:45 - Install React Icons & React-Router-DOM 00:03:50 - App File Structure 00:05:05 - Create Home Component 00:09:20 - Setting up React-Router-Dom 00:12:20 - Navbar Component (useState Hook) 00:27:01 - Video Hero Component 00:38:09 - Footer With React-Icons 00:53:40 - Hero Class Component Passing in Props 01:00:45 - Pricing Component 01:11:10 - Training Component 01:24:01 - Contact Component 01:32:05 - Change Navbar Color When Scrolling 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG Mic Boom Arm - https://amzn.to/3NHn6YU Monitor Desk Light Bar - https://amzn.to/3xzKlyj