refactor SPA

[coeit]

Description

Problems

Generating code for the single page application creates a very large number of React components.
Generated components are often too large in size, integrate complex logic, and deal with multiple concerns.

Hypotheses

• Many components are exact duplicates; these could be made static (i.e. not generated) and reused by the components that do require generation.
• Many generated components are highly similar; much of their logic and markup could be extracted into templates that are reused via props.
• Large components include complex logic that spans multiple concerns; these components could be refactored into multiple, single-responsibility sub-components.
• Much of the logic within components is generated via ejs templating, causing code duplication; this can be avoided by extracting this logic into utility functions that can be reused.

Resources

For documentation of this issue see gitbook