@jimka/typescript-ui

Appearance

Data layer ​

The framework's data package gives you a model-store-proxy stack for record-oriented UIs.

+----------+        +-------+        +-------+
|  Proxy   |  --->  | Store |  --->  |  UI   |
+----------+        +-------+        +-------+
   transport          state           Table, Tree,
   (HTTP, memory,     loading,        ComboBox, List,
    custom)           sort, filter    Binding
  • A Model defines the shape of a record (its fields and types).
  • A Proxy handles transport — load records from memory, an HTTP endpoint, or a custom source.
  • A Store orchestrates loading, sorting, filtering, and event notification.
  • A ModelRecord is a single row produced by a store, with dirty tracking and commit / reject semantics.
  • A Binding wires a record to UI components for two-way edit / commit / reject.

Pages ​

  • Model — defining schemas, field mapping.
  • Store — loading, sorting, filtering, events, mutations.
  • Proxy — MemoryProxy, AjaxProxy, custom proxies.
  • Record — getting / setting fields, dirty state, commit / reject.
  • Binding — two-way binding to form components.