Learn React Hooks

Defining the Header component

We are going to start with the Header component, as it is the most simple out of all the components:

1. Create a new src/Header.js file.
2. Import React and define the class component with a render method:

import React from 'react'export default class Header extends React.Component {    render () {        return <h1>ToDo</h1>    }}

Now, the Header component for our app is defined.