AbsaOSS / AbsaOSS/spline-ui

Implement PoC (proof of concept) of the State Management that increase performance

未关闭
#231 1 条评论 0 个 reaction 已指派 1 人 已被 @korel-san 认领 在 GitHub 查看
Tech debt
主要语言
TypeScript
星标
12
派生
7
PR 合并指标
30 天内没有已合并 PR

描述

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:
1) 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)
2) 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.
3) 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 of `StringHelpers.encodeObjToUrlString`. So after this implementation, every developer should be allowed to see the state of this service on every page of the project.

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。