Routing
WIP
The article is in the process of writing
To bring the release of the article closer, you can:
- π’ Share your feedback at article (comment/emoji-reaction)
- π¬ Collect the relevant material on the topic from chat
- βοΈ Contribute in any other way
π° 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