Is it possible to debug your React JSX code not in the browser, and from JetBrains WebStorm application?

App ASP.NET Core 2.2 + React JS. Start the application from Microsoft Visual Studio 2019. Write JSX code in WebStorm. Debit in the browser uncomfortable, not able to edit the code to have it preserved. In General, is there a normal way to React debajit app?

Properties/launchSettings.json
{
 "iisSettings": {
 "windowsAuthentication": false,
 "anonymousAuthentication": true,
 "iisExpress": {
 "applicationUrl": "http://localhost:63711",
 "sslPort": 44386
}
},
 "profiles": {
 "IIS Express": {
 "commandName": "IISExpress",
 "launchBrowser": true,
 "environmentVariables": {
 "ASPNETCORE_ENVIRONMENT": "Development"
}
},
 "SomeServer": {
 "commandName": "Project",
 "launchBrowser": true,
 "applicationUrl": "https://localhost:5001;http://localhost:5000",
 "environmentVariables": {
 "ASPNETCORE_ENVIRONMENT": "Development"
}
}
}
}


section of the package.json, startVs - used in the C# code below.
"scripts": {
 "startVs": "set HTTPS=true && rimraf ./build && react-scripts start",
 "start": "set HTTPS=true&&rimraf ./build && set PORT=5001 && react-scripts start",
 "build": "react-scripts build",
 "test": "cross-env CI=true react-scripts test --env=jsdom",
 "eject": "react-scripts eject",
 "lint": "eslint ./src/"
 },


// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
 public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
 if (Configuration.GetSection("React").Get<ReactOptions>().UseSpa)
{
app.UseSpaStaticFiles();
 app.UseSpa(spa =>
{
 spa.Options.SourcePath = "ClientApp";

 if (env.IsDevelopment())
{
spa.UseReactDevelopmentServer("startVs");
}
});
}
 }
April 7th 20 at 10:50
1 answer
April 7th 20 at 10:52
Solution
Found that, as it turned out quite a success debajit code in JetBrains Rider!!!

Good, because it was a pain.

Find more questions by tags WebStormReact