Progressive Code Splitting

Zova provides a flexible file structure that allows for progressive code splitting based on the complexity of the business, thereby keeping the code always simple and elegant, making it easier for continuous iteration and maintenance of the code

Three-level iteration

Progressive splitting of the component code can refer to the following three-level iteration:

Name	Description
Single-File	Controller(1)
Three-File	Controller(1) + Render(1) + Style(1)
More-File	Controller(1) + Render(n) + Style(n) + Service(n)

Single-File

In the initial stage of business development, there is relatively little code, and a single file can be used

class ControllerCard {
  protected render() {
    return null;
  }
}

Three-File

When the code starts to grow, you can separate the Render and Style

Create first Render Bean

First, separate out the Render

1. CLI command

$ zova :refactor:firstRender component/card --module=demo-student

2. Menu command

TIP

Context Menu - [Module Path/src/component/componentName]: Zova Refactor/Create First Render Bean

Create first Style Bean

Then separate out the Style

1. CLI command

$ zova :refactor:firstStyle component/card --module=demo-student

2. Menu command

TIP

Context Menu - [Module Path/src/component/componentName]: Zova Refactor/Create First Style Bean

More-File

As the code continues to grow, you can continue to adjust the file structure, create more Render files and Style files, and also create multiple Service files to separate state management

Create Another Render Bean

1. CLI command

$ zova :refactor:anotherRender component/card another --module=demo-student

2. Menu command

TIP

Context Menu - [Module Path/src/component/componentName]: Zova Refactor/Create Another Render Bean

Create Another Style Bean

1. CLI command

$ zova :refactor:anotherStyle component/card another --module=demo-student

2. Menu command

TIP

Context Menu - [Module Path/src/component/componentName]: Zova Refactor/Create Another Style Bean

Create Another Service Bean

Create a Service another to separate state management

1. CLI command

$ zova :create:bean service component/card/another --module=demo-student

2. Menu command

TIP

Context Menu - [Module Path/src/component/componentName]: Zova Create/Service