[FLINK-29747] [UI] Refactor runtime web from module-based to standalone components

• Type: Improvement
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Fix Version/s: 1.17.0
• Component/s: Runtime / Web Frontend
• Labels: pull-request-available
• Assignee: Junhan Yang
• Reporter: Junhan Yang
• Created: 25/Oct/22 02:46
• Updated: 13/Apr/23 05:59
• Resolved: 27/Oct/22 02:10

Description

From v14 onwards, Angular provides a capability of standalone components that can be independently bootstrapping. This is a powerful feature in terms of refactoring the application to be less-heavy and structurally clean. It also enables the component-level lazy loading in routes, improving the web performance.

Issue Links

• causes: FLINK-31792 Errors are not reported in the Web UI
• links to: GitHub Pull Request #21144