Comment configurer l'application Web .NET Core avec React et TypeScript

Si vous essayez de créer une application Web .NET Core avec React.js, il existe un modèle avec lequel vous pouvez créer votre projet dans Visual Studio. Cependant, si vous souhaitez incorporer Typescript dans votre application, vous devez suivre quelques étapes supplémentaires. Cet article de blog est possible grâce à Josh Kostal.

Créez votre application Web .NET Core avec le modèle React.js.

Une fois le projet créé, rendez-vous dans Visual Studio Code et ouvrez le dossier contenant le projet. Cliquez avec le bouton droit sur le dossier ClientApp et supprimez-le.

Ouvrez un nouveau terminal.

Entrez dans le sous -dossier en faisant un 'cd '. Entrez « npx create-react-app my-app –template typescript » pour créer votre application de réaction avec dactylographié.

Vous pouvez supprimer ces fichiers sur votre discrétion:

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

Supprimez les lignes qui importent l'un des fichiers supprimé ci-dessus.

Entrez dans l'application react et «npm install –save bootstrap pour installer bootstrap. Cliquez ici pour une référence.

Vous pouvez maintenant lancer 'npm start' pour ouvrir votre application dans votre hôte local!

À propos de l'auteur [19659025] David Hwang est consultant technique associé au sein de l'unité commerciale Sitecore / Microsoft. Il rédigera un blog sur divers concepts de technologies pour les débutants.

Plus de cet auteur