Displaying a dummy page
In this section, we’ll be implementing a temporary dummy page that will allow us to put everything we’ve learned until now together and see the application in action. To implement this page, we’ll create a new file called InitialPage.js in the src directory. The following snippet contains the relevant parts of the code:
export const InitialPage = () => (
<Layout>
<Typography variant='h4' >
Greetings Professor Falken!
</Typography>
</Layout>
);
InitialPage is just a functional React component that leverages our Layout component to display a message. When we implement the task manager’s pages, we’ll be using a similar approach and enclosing all of the required page components between the Layout elements.
The page is now ready; however, we still need to provide some additional...