Description
The main goal of the task: create State Service that contains the parsed actual route state.
More details:
The routing state depends on the page and functionality of the page. Now many components trying to parse it, which increased code duplication and worked not properly in some cases. So, for the unification of the actual routing state, we consider separating functionality in service, which would handle the actual route state, and every component would be asked from its real data for their purposes.
We don't want to use current state management ngrx due to the high level of tied dependency of the current implementation, so not to add extra naming and have a more lightweight solution, we want to use another tool for this PoC will allow us to not affect the current performance.
Actual implementation plan:
- investigate 2-3 state management packages: elf, effector, ng-state
Points on which we need to focus
- it should be lightweight
- it should be pretty simple
- package should allow to manipulate of routing (subscription, session storage)
- create a state folder in the src and add there
actual-route-state.repository.ts
. In this file, we need to create a repository that would manage the routing state. Please, take into account, that this state management should work only for the local environment. On prod env, this instance should not exist. - In some cases probably you will need to create Adapters that would convert the current routing state to a meaningful one. For example for pages where we have
protected
query parameters via the encoding ofStringHelpers.encodeObjToUrlString
. So after this implementation, every developer should be allowed to see the state of this service on every page of the project.
Metadata
Metadata
Assignees
Type
Projects
Status