React Website Responsive Tutorial - Beginner React JS Project Using Hooks and Router
Learn how to build a responsive React website using React Hooks and React Router in this beginner tutorial. We are going to build the front end UI using React JS. The main sections of the site are made with reusable components that you can customize and add wherever you want.
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Timeline
0:00 What we are building
4:50 Create React App in terminal
9:30 Creating the pages folder
14:10 Installing React Router
15:00 Adding React Icons
28:53 Creating the Button Component
48:10 Access the source code
58:48 Creating the Hero section
1:10:15 Creating the Homepage
1:26:06 Adding the Footer Component
1:30:27 Creating the Pricing Component
1:52:24 Updating the Routes pages
1:59:22 Adding an external link in Footer
Watch my other React Website Design Tutorial Here
https://youtu.be/I2UBjN5ER4s
Here is the source code
https://github.com/briancodex/react-website-v2/tree/starter
Be sure to like and subscribe! Feel free to refactor my code to make it better. Also, let me know any cool tricks or tips that I can add to improve my next project
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Website Responsive Tutorial - Beginner React JS Project Using Hooks and Router», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.