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

Prasad 20 Reputation points
2024-01-28T19:44:47.3666667+00:00

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?

ASP.NET Core
ASP.NET Core
A set of technologies in the .NET Framework for building web applications and XML web services.
4,167 questions
ASP.NET
ASP.NET
A set of technologies in the .NET Framework for building web applications and XML web services.
3,256 questions
C#
C#
An object-oriented and type-safe programming language that has its roots in the C family of languages and includes support for component-oriented programming.
10,252 questions
ASP.NET API
ASP.NET API
ASP.NET: A set of technologies in the .NET Framework for building web applications and XML web services.API: A software intermediary that allows two applications to interact with each other.
297 questions
Accepted answer
  1. Konstantinos Passadis 17,286 Reputation points
    2024-01-28T20:51:47.6566667+00:00

    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
    1 person found this answer helpful.

1 additional answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Bruce (SqlWork.com) 56,031 Reputation points
    2024-01-29T17:35:51.1866667+00:00

    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

    0 comments