ASP.NET Core 3 and React

Styling the App component

Let's start with the App component by carrying out the following steps:

1. In App.tsx, let's start by importing some functions from the Emotion library:

/** @jsx jsx */import { css, jsx } from '@emotion/core';

The css function is what we'll use to style an HTML element. The jsx function is used to transform the component into JavaScript by Babel. The comment above the import statement tells Babel to use this jsx function to transform JSX into JavaScript.

It is important to include the /** @jsx jsx */ comment; otherwise, the transpilation process will error out.

2. Let's use the css function to style the component's div container:

const App: React.FC = () => {  return (    <div      css={css` font-family: 'Segoe UI', 'Helvetica ...