Core architecture of reactive UI libraries
reactivecore
This is the platform agnostic core architecture of reactive UI libraries.
```
yarn add @appbaseio/reactivecore
``
import configureStore from "@appbaseio/reactivecore";
Import via:
``
import {
| Action | Usage |
|---------------------------|:------------------------------------------------------|
| addComponent | to register a component in the store |removeComponent
| | to remove a component from the store |watchComponent
| | to set up component subscription |setQuery
| | to set the component query in the store |setQueryOptions
| | to add external query options |logQuery
| | Executed automatically to log query for gatekeeping |executeQuery
| | Executed automatically (whenever necessary, based on the dependency tree) when the query of a component is updated|updateHits
| | updates results from elasticsearch query |updateQuery
| | to update the query in the store - called when a change is triggered in the component|loadMore
| | for infinte loading and pagination |
Import via:
``
import {
| Method | Usage |
|-----------------------|:----------------------------------------------------------|
| isEqual | Compare two objects/arrays |debounce
| | Standard debounce |getQueryOptions
| | returns applied query options (supports size & from) |pushToAndClause
| | Pushes component to leaf and node. Handy for internal component registration |checkValueChange
| | checks and executes before/onValueChange for sensors |getAggsOrder
| | returns aggs order query based on sortBy prop |checkPropChange
| | checks for props changes that would need to update the query via callback |checkSomePropChange` | checks for any prop change in the propsList and invokes the callback |
|
Check the Changelog doc