Adding React.Js components to my existing/new Asp.net MVC core 6.0 , is this possible/compatible?

Question

I am building ASP.NET Core 6.0 with MVC web application, and I am using these technologies...

1. Web API
2. Entity Framework
3. SQL Server
4. Razor views, JavaScript, JQuery & Bootstrap.
5. Apexcharts

But i want to improve my MVC web application front-end by utilizing React.JS..
So my question is that is it possible? and if so how i can do?

Answer 1

Hello @Prasad !

Yes it is possible and of course you can do it !

https://learn.microsoft.com/en-us/aspnet/core/client-side/spa/react?view=aspnetcore-8.0&tabs=visual-studio

React.js can coexist with Razor views and can be used to handle more dynamic and complex user interfaces within your ASP.NET Core application

https://learn.microsoft.com/en-us/visualstudio/javascript/tutorial-asp-net-core-with-react?view=vs-2022

Currently, Visual Studio includes ASP.NET Core Single Page Application (SPA) templates that support Angular and React. The templates provide a built-in Client App folder in your ASP.NET Core projects that contains the base files and folders of each framework.

You can use the method described in this article to create ASP.NET Core Single Page Applications that:

Put the client app in a separate project, outside from the ASP.NET Core project

Create the client project based on the framework CLI installed on your computer
```--

I hope this helps !

*The answer or portions of it may have been assisted by AI Source: ChatGPT Subscription*

**Kindly mark the answer as Accepted and Upvote in case it helped or post your feedback to help !**
Regards

Answer 2

MVC code supports react. there is a template to build a react spa application, but this template uses the obsolete react_scripts for the react build chain.

your main decision will be the javascript build tool chain to convert the jsx files to javascript and add module support. Webpack, parcel and vite are the most popular choices. as typescript also supports react jsx, you can just use the visual studio typescript support, even if you just use vanilla javascript.

also if you want to use react without build tools, there are libraries to replace .jsx parsing:

https://dev.to/dperrymorrow/using-react-without-jsx-no-build-14gg