Simple Steps to Setup .NET Core with React and TypeScript

There is a template you can use in Visual Studio to create your project if you’re attempting to build a.NET Core web application using React.js. However, there are a few extra steps you must take if you want to include Typescript in your application.

Steps to Setup .NET Core with React

OK, let’s get started. You can follow these steps below

1. Create Your .NET Core with React.js Template

2. Once you create the project, head over to Visual Studio Code and open the folder containing the project. Right-click the ClientApp folder and delete it.

3. Open up a new terminal.

4. Step into the sub-folder by doing a ‘cd <name of your folder>’. Enter ‘npx create-react-app my-app –template typescript‘ to create your react application with typescript.

5. You may delete these files:

  • src/setupTests.ts
  • src/App.test.tsx
  • src/Index.css
  • WeatherForecast.cs
  • WeatherForecastController

Remove those lines that import any of the files deleted above.

6. Type “npm install -save bootstrap” in the react app to install bootstrap. To see a reference, click here.

7. To launch your application on localhost, run ‘npm start’ right away!


In simple tutorial above, you have learned how to setup .net core with React.js. If you find this article useful, please feel free to share this article. Thank you and Happy Coding!

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *