React Navbar Tutorial - Beginner React JS Project

Codenemy June 7, 2022
Video Thumbnail

About

Learn web development skills with project development. - Modern JavaScript (beginner to advanced) - Node.js - React - Firebase ...And many more topics as well :) Get in touch with me Instagram : https://www.instagram.com/imvikas62081/ Facebook : https://www.facebook.com/codenemy #codenemy #vikas62081

Video Description

In this video we will learn all about react navbar tutorial for beginner in react js. This project have many things to learn like react routing and navbar responsive design with ant design. Go to Chapter : 00:00 Demo 01:56 Vs code setup 04:20 Create app router component 06:40 Create array of all routes 09:57 Link to go navigate from one to other components 11:20 Follow better folder structure 14:09 Design navbar 18:16 Pass component as children 18:56 Render navbar link in header 22:43 Render brand logo 26:16 Move nave bar to right 27:29 Render table component in Dashboard 30:20 Segregate layout component in better component 33:25 Handle page not found routing 35:25 Summary GitHub Code ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Link : https://github.com/vikas62081/React-App/tree/navbar-routing Concept Covered ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ - How to design responsive navbar in react js - Learn react navbar - Learn ant design - React navbar tutorial - Routing in react js using react router dom Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Linkedin: https://www.linkedin.com/in/vikas62081 Instagram: https://www.instagram.com/imvikas62081 Facebook : https://www.facebook.com/codenemy Github: https://github.com/vikas62081 Email: [email protected] Tags ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ - React project - React navbar - Routing in react - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial #codenemy #React #Navbar #Project

You May Also Like

Boost Your Web Dev Skills

AI-recommended products based on this video

Loading...
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

(786)
$69.15$33.51
FREE delivery Jun 13 - 17
Loading...
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

(0)
$30.99
FREE delivery Jun 19 - Jul 3
Loading...
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Best Seller

Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men

(243)
$19.99
FREE delivery Sat, Jun 14 on your first order
300+ bought in past month
Loading...
Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code

Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code

(382)
$94.95
PrimeFREE delivery Sat, Jun 14
Loading...
Smart Watch for Men/Women, Smartwatch with 1.95" Touch Screen, 110+ Sport Modes Fitness Tracker, Activity Tracker with Heart Rate Monitor/Pedometer, IP68 Waterproof Watch for Calls Black

Smart Watch for Men/Women, Smartwatch with 1.95" Touch Screen, 110+ Sport Modes Fitness Tracker, Activity Tracker with Heart Rate Monitor/Pedometer, IP68 Waterproof Watch for Calls Black

(96)
$18.99
FREE delivery Tue, Nov 4 on your first order
200+ bought in past month
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

(40)
$39.99
FREE delivery Thu, Nov 13
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

(8)
$39.99
FREE delivery Tue, Nov 4
Loading...
soundcore by Anker P20i True Wireless Earbuds, 10mm Drivers with Big Bass, Bluetooth 5.3, 30H Long Playtime, IPX5 Water-Resistant, 2 Mics for AI Clear Calls, 22 Preset EQs, Customization via App

soundcore by Anker P20i True Wireless Earbuds, 10mm Drivers with Big Bass, Bluetooth 5.3, 30H Long Playtime, IPX5 Water-Resistant, 2 Mics for AI Clear Calls, 22 Preset EQs, Customization via App

(61,759)
$29.99
FREE delivery Sat, Jun 14 on your first order
4K+ bought in past month
Loading...
SISUPASSIE 20FT Reach Gutter Cleaning Tools from Ground, Telescopic Rain Gutter Cleaners Tool with Quick Connect Adapter and Bendable Wand for 2nd Story House

SISUPASSIE 20FT Reach Gutter Cleaning Tools from Ground, Telescopic Rain Gutter Cleaners Tool with Quick Connect Adapter and Bendable Wand for 2nd Story House

(8)
$79.99
FREE delivery Tue, Jun 17