ASP.NET Core 3 and React

Creating our first component

We can create a basic Header component and reference it within our App component by carrying out the following steps:

1. Create a new file called Header.tsx in the src folder.
2. Import React into the file with the following import statement:

import React from 'react';

3. Our component is just going to render the word header initially. So, enter the following as our initial Header component:

export const Header = () => <div>header</div>;

Congratulations! We have implemented our first function-based React component!

The preceding component is actually an arrow function that is set to the Header variable.

An arrow function is an alternative function syntax that was introduced in ES6. The arrow function syntax is a little ...