Skip to main content

Routing

WIP

The article is in the process of writing

To bring the release of the article closer, you can:


๐Ÿฐ Stay tuned!

Situationโ€‹

Urls to pages are hardcoded in the layers below pages

entities/post/card

<Card>
<Card.Title
href={`/post/${data.id}`}
title={data.name}
/>
...
</Card>

Problemโ€‹

Urls are not concentrated in the page layer, where they belong according to the scope of responsibility

If you ignore itโ€‹

Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages

And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project

Solutionโ€‹

Determine how to work with urls/redirects from the page level and above

Transfer to the layers below via composition/props/factories

See alsoโ€‹