Creating function-based components
In this section, we are going to start by creating a component for the header of our app, which will contain our app name and the ability to search for questions. Then, we'll implement some components so that we can start to build the home page of the app, along with some mock data.
Creating a Header component
We can create a basic Header component and reference it within our App component by carrying out the following steps:
- Create a new file called
Header.tsxin thesrcfolder. - Import
Reactinto the file with the followingimportstatement:import React from 'react';
We need to import
Reactbecause, as we learned at the start of this chapter, JSX is transpiled into JavaScriptReact.createElementstatements. So, withoutReact, these statements will error out. - Our component is just going to render the word
headerinitially...