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.
ZeroTo Mastery:
- Master React JS Course - https://bit.ly/Learn-React-JS
- Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer-2023
Coding Challenges!
https://bit.ly/Code-Challenges
React-Router-Dom Version 6 Video:
https://youtube.com/watch?v=JE3w48KeSZ8&t=6s
☕ Buy me a Coffee ☕
https://www.buymeacoffee.com/clintbriley
Instagram ?
https://instagram.com/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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build A React JS Website From Scratch - Beginner Tutorial Using React Router Dom», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.