ASP.NET Core 3 and React

Configuring linting rules

Now that Visual Studio Code is linting our code, let's carry out the following steps to understand how we can configure the rules that ESLint executes:

1. Let's create a file called .eslintrc.json in the frontend folder with the following code:

{  "extends": "react-app"}

This file defines the rules that ESLint executes. We have just told it to execute all the rules that are configured in CRA.

2. Let's check that Visual Studio Code is linting our code by adding the following highlighted line to App.tsx, just before the return statement:

const App: React.FC = () => {  const unused = 'something';  return (    ...  );};

We'll see that ESLint immediately flags this line as being unused:

That's great—this means our code is being ...