@kospa/engine NPM

kospa (Knockout Single-Page Application)

kospa is a lightweight and modular framework built on top of Knockout.JS to build powerful Single Page Applications.

Packages

@kospa/base: Base components (composition, activation, module loading)
@kospa/router: Router component
@kospa/dialog: Dialog component
@kospa/engine: Knockout module-based Template Engine
@kospa/bootstrap: Application startup component

Core concept

Composition: a process that loads a ViewModel and a View using a module loader and bind them in the DOM.
Activation: a process that loads, activate and deactivate a ViewModel module.

Lifecycle

ViewModels in kospa follows the following lifecycle: 1. activate: Load data and initialize the ViewModel before binding it to the DOM. 2. bindingComplete: Run after the ViewModel is bound to the DOM. 3. descendantsComplete: Run after all asynchronous binding are applied to the DOM. 4. compositionComplete: Run when the composition process is complete. 5. deactivate: Run when the ViewModel is unbound from the DOM. 6. dispose: Run before the DOM node is removed.