Reader small image

You're reading from  Full-Stack Flask and React

Product typeBook
Published inOct 2023
Reading LevelIntermediate
PublisherPackt
ISBN-139781803248448
Edition1st Edition
Right arrow
Author (1)
Olatunde Adedeji
Olatunde Adedeji
author image
Olatunde Adedeji

Olatunde Adedeji is a seasoned web developer with over 15 years of experience in developing dynamic and detail-oriented enterprise web applications. Along with his extensive experience in developing, maintaining and supporting mobile, web and enterprise applications in Python, Go and JavaScript, Olatunde has consistently delivered excellent services, as team lead, team member or in consultancy capacity. Olatunde is proficient in application design and solution blueprinting; including mastery of application development tools such as: Flask, Django, Gin, React, and NodeJS. When not weaving the web and playing chess, Olatunde spends time with his wife, Adedoyin and two daughters, Mitchelle and Mabel.
Read more about Olatunde Adedeji

Right arrow

Adding React Router in React

You need to install React Router to use it in your project. We are going to build the navigation features for the Bizza project to connect different components. The navigation tabs will consist of the home, about, speakers, events, sponsors, and contact pages. Let’s start coding by entering this command in the project directory’s Terminal:

npm install react-router-dom@latest

Once we have the package installed in the root directory of our project, we can create the home, about, speakers, news, and contact pages components.

Now, we will add content to each of these components:

  • Inside src/pages/HomePage/HomePage.js, add the following code snippet:
    import React from 'react';const HomePage = () => {    return <div> Home page </div>;};export default HomePage;
  • Inside src/pages/AboutPage/AboutPage.js, add the following:
    import React from 'react';const AboutPage = () => {...
lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Full-Stack Flask and React
Published in: Oct 2023Publisher: PacktISBN-13: 9781803248448

Author (1)

author image
Olatunde Adedeji

Olatunde Adedeji is a seasoned web developer with over 15 years of experience in developing dynamic and detail-oriented enterprise web applications. Along with his extensive experience in developing, maintaining and supporting mobile, web and enterprise applications in Python, Go and JavaScript, Olatunde has consistently delivered excellent services, as team lead, team member or in consultancy capacity. Olatunde is proficient in application design and solution blueprinting; including mastery of application development tools such as: Flask, Django, Gin, React, and NodeJS. When not weaving the web and playing chess, Olatunde spends time with his wife, Adedoyin and two daughters, Mitchelle and Mabel.
Read more about Olatunde Adedeji