@beyond-js/reactive is a powerful TypeScript library designed to provide a reactive data layer for your application. By offering tools to create and manage reactive data structures, it enables developers to construct performant and scalable applications with ease. It enhances data-driven views or components by reacting to changes and keeping everything in sync.
The library offers three main objects - ReactiveModel, Collection, and Item - each serving a distinct purpose in the reactive data layer.
ReactiveModel is a TypeScript class designed to create reactive properties that can trigger events when they change. It makes use of the Observable pattern to notify subscribers whenever a change is made to the model's properties. It's especially useful in contexts where data-driven views or components are used.
2. Collection
Collection is a reactive data structure designed to handle a set of Items. It extends the ReactiveModel and provides methods for managing a collection of reactive objects. It can load, save, and sync items with both a local database and a remote server.
3. Item
Item is an abstract class that represents a "reactive" object in your application. It extends the ReactiveModel, meaning it can handle changes in its properties and automatically update other parts of the code. Item includes methods for saving, publishing, and syncing data between a local database (like IndexedDB) and an external server.
To add @beyond-js/reactive to your project, run:
npm install @beyond-js/reactive
For more detailed information about the library and how to use it, refer to the individual READMEs of ReactiveModel, Collection, and Item.
Contributions, issues, and feature requests are welcome. Feel free to check the issues page or open a new one.
This project is MIT licensed.