Remove magic string for razor component @page routing

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

[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.

[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.