Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Responsive React Website Tutorial - Beginner React JS Project Using Hooks and Router

Brian Design via YouTube

Start learning Write review
Simplilearn Ad

UC San Diego Product Management Certificate — AI-Powered PM Training

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Build a responsive React website using Hooks and Router in this beginner-friendly tutorial. Learn to create reusable components for the main sections of the site, including a button component, hero section, homepage, footer, and pricing component. Follow along as the instructor guides you through setting up a React app, installing necessary dependencies, and implementing React Router for navigation. Gain hands-on experience with React Icons and external linking. By the end of this comprehensive video, you'll have the skills to customize and expand upon the project, creating your own responsive React websites.

Syllabus

What we are building
Create React App in terminal
Creating the pages folder
Installing React Router
Adding React Icons
Creating the Button Component
Access the source code
Creating the Hero section
Creating the Homepage
Adding the Footer Component
Creating the Pricing Component
Updating the Routes pages
Adding an external link in Footer

Taught by

Brian Design

Reviews

Start your review of Responsive React Website Tutorial - Beginner React JS Project Using Hooks and Router

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.