Remove magic string for razor component @page routing

[denisz1]

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

In the Blazor and Razor Pages components we are specify the route like:

@page "/this/is/my/route"

These magic string are not desirable in a modern programming context. And also it become difficult to manage because of duplication - good probability you must write it somewhere else also, and now you have two magic strings... for every route.

Describe the solution you'd like

Please can we have no magic string for something so important like routing?

Additional context

No response

[mkArtakMSFT]

Thanks for contacting us.
Can you please clarify how specifically you'd like to define the route instead?

Hi @denisz1. We have added the "Needs: Author Feedback" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[SSchulze1989]

Not the author but have come across this issue a few times. Especially updating all nav-links to the pages when a part of the route changes is my biggest issue i have here.

Ideally you could just use any const string that is known at compile time. For example using a static helper class holding the strings:

public static class RouteConstants 
{
    public const string This = "this";
    public const string Is = "is";
    public const string My = "my";
    public const string Route = "route";
    public const string ThisIsMyRoute = $"/{This}/{Is}/{My}/{Route}"
}

and then use string interpolation in the actual route

@page $"{RouteConstants.This}/{RouteConstants.Is}/{RouteConstants.My}/{RouteConstants.Route}"

Or you use the constant for the complete route

@page RouteConstants.ThisIsMyRoute

Then you could easily link to these pages

<a href=@RouteConstants.ThisIsMyRoute>Link</a>

And not worry about changing your Route.

[denisz1]

Something like that is good

public static class Routes
{
  public const string Route1 = "/Hello";
  public const string Route2 = "/World/Hi";
}

@page Routes.Hello

There many ways to do this, anything you choose is better to magic strings.

[javiercn]

@denisz1 thanks for contacting us.

This issue is a dupe of dotnet/razor#7519 we will use the existing issue to track it.