Installation.

Install the package

Use the same published version as this showcase, or review the upstream release notes before updating. The RxJS peer is installed alongside the package.

This package’s license: MIT. Retain upstream and bundled third-party notices when redistributing.

Mount your first view

Install rxjs alongside the library. Use SourceCache for keyed entities and SourceList for ordered values. Subscribe to activate a pipeline.

<div class="toolbar"><label>Show <select id="filter"><option value="all">All modules</option><option value="active">Active only</option><option value="heavy">Weight over 50</option></select></label><button id="batch">Batch update</button><button id="add">Add item</button><output id="count"></output></div><table><thead><tr><th>Module</th><th>Weight</th><th>Status</th></tr></thead><tbody id="rows"></tbody></table><p class="hint">Generated demonstration data. Filter, sort and binding are computed by DynamicDataWeb.</p>

The complete executable source is in the usage guide. Imports shown here are intended for a bundler or a browser import map; bare npm imports do not resolve in ordinary HTML by themselves.

Own the lifetime

Unsubscribe every owned pipeline, complete your subjects, and dispose the source when its owner goes away.

The playground replaces its entire isolated frame on each run. In your application, use the framework’s unmount or disposal hook instead. Do not dispose a shared model while another view still owns it.

Know the contract

Source repositories can contain work newer than the published package. The showcase uses @wieslawsoltes/dynamicdataweb@0.1.1.